I'm working with the solpart menu aligned vertically, and am having trouble gettting the root menu items (Home, Host, Admin, etc..) to center in the menu div in firefox.  I was able to get IE 7 to center the menu by applying the Text-align:center style to the containing div.  This does not appear to work in the newest version of firefox.  I can get the submenu to center without problems in both browsers.

Anyone know the magic bullet to get this working?

BTW, DNN rocks!  Just thought I'd say that :)

Like Peter said, there's a lot of tables involved and it could be quite a hassle to get the menu right (at least, that's my experience being not too much of a skinner).

You might wanne give HouseMenu a go, from House of Nuke. People seem to have less troubles configuring that one.

Well, this solution did not work.  Here's the CSS

.MainMenu_RootMenuItem
{
    width:163px;
    min-width:163px;
    line-height: 23px;
    text-align:center;
    padding-top:2px;
}

The padding and line-height settings are working properly, but the width and text-align settings are NOT working in firefox.

I looked at the code generated by the menu, and here it is:

<div id="Div_Menu">

<span id="dnn_dnnSOLPARTMENU_ctldnnSOLPARTMENU" name="dnn$dnnSOLPARTMENU$ctldnnSOLPARTMENU" BackColor="#333333" IconBackgroundColor="#333333" HlColor="#FF8080" ShColor="#404040" SelForeColor="White" SelColor="#CCCCCC" FontStyle="font-family: Tahoma,Arial,Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; text-decoration: " SysImgPath="/images/" Display="vertical" MenuBarHeight="16" MenuItemHeight="21" IconWidth="15" MOutDelay="500" MenuTransition="None" BorderWidth="0" IconImgPath="/Portals/0/" ArrowImage="breadcrumb.gif" RootArrowImage="breadcrumb.gif" RootArrow="-1" CSSMenuArrow="MainMenu_MenuArrow" CSSMenuBreak="MainMenu_MenuBreak" CSSMenuContainer="MainMenu_MenuContainer" CSSMenuBar="MainMenu_MenuBar" CSSSubMenu="MainMenu_SubMenu" CSSMenuIcon="MainMenu_MenuIcon" CSSMenuItem="MainMenu_MenuItem" CSSMenuItemSel="MainMenu_MenuItemSel" CSSRootMenuArw="MainMenu_RootMenuArrow" XML="&lt;root>&lt;menuitem id=&quot;36&quot; title=&quot;Home&quot; url=&quot;http://dev.ghexperts.com/Home/tabid/36/Default.aspx&quot; lefthtml=&quot;&amp;lt;img alt=&amp;quot;*&amp;quot; BORDER=&amp;quot;0&amp;quot; src=&amp;quot;/images/breadcrumb.gif&amp;quot;&amp;gt;&quot; css=&quot;  &quot; />&lt;/root>">

</span><br />

</div>

What is going on here?  It's a mystery to me.

BTW, thanks for the help thus far!