Well,

here it is I think..... http://test.quacos.nl/hormenu/tabid/74/Default.aspx only for the rootitems.

skinname.ascx:

<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU"
 usearrows="false"
 userootbreadcrumbarrow="false"
 usesubmenubreadcrumbarrow="false"
 rootmenuitemcssclass="rootmenuitem"
 rootmenuitemactivecssclass="rootmenumenuitemactive"
 rootmenuitemselectedcssclass="rootmenuitemselected" />

skin.css:

.rootmenuitem td{
background-image:url(button.gif);
background-position:right;
background-repeat: no-repeat;
width:108px;
height:50px;
text-align:center;
vertical-align:top;
padding-top:13px;

}

.rootmenuitem {
color: #1B5B7C;
text-align: center;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Tahoma;
font-weight: normal;
}

.rootmenuitemselected TD {
background-image: url(buttonON.gif);
background-repeat: no-repeat;
width:108px;
height:50px;
text-align:center;
vertical-align:top;
padding-top:13px;
}

.rootmenuitemselected {
text-align: center;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Tahoma;
font-weight: normal;
color:white;
}

.rootmenumenuitemactive td{
background-image: url(buttonON.gif);
background-repeat: no-repeat;
width:108px;
height:50px;
text-align:center;
vertical-align:top;
padding-top:13px;
color:white;
}

I had this problem (similar) as well, and I had to hack my way around it. My issue was with the separator image in the solpartmenu.

The separator image was 1px lower than the rest of the menu in IE 7. So, in the css, I placed a 1px border under the separator image which lifted it. However, that left a 1px horizontal line the length of my menu. I fixed this by making the entire row's background the same color as my 1px border-bottom.

I hope this helps someone:

CSS:

/*for the row*/
td.skingradient {background: url(bac-menu.jpg) top left repeat-x #e7e7e7;}
td.skingradient img {border-bottom: 1px solid #e7e7e7;} /*this shifts the separator image up 1px in IE 7*/

ASCX:

       <TD class="skingradient" valign="top">
        <dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU"
                 MenuEffectsMouseOverDisplay="none"
                 UseRootBreadCrumbArrow="false"
                 DelaySubmenuLoad="true"
                
                 RootMenuItemCssClass="MainMenu_Idle"
                 RootMenuItemSelectedCssClass="MainMenu_Selected"
                 RootMenuItemActiveCssClass="MainMenu_Active"
                 RootMenuItemBreadCrumbCssClass="MainMenu_Breadcrumb"
                
                 SubMenuItemSelectedCssClass="SubMenu_Selected"   
                 SubMenuItemBreadCrumbCssClass="SubMenu_Breadcrumb"
                 SubMenuItemActiveCssClass="SubMenu_Active"
                
                 RootMenuItemLeftHtml="<span>"
                 RootMenuItemRightHtml="</span>"
                
                 Separator="<img src=&quot;bac-sep.jpg&quot; />" 
                 SeparatorCssClass="MainMenu_Separator"
                 ClearDefaults="false"
  
        /></TD>