Hi,

I'm having some trouble with the menu on my new site.  Take a look at new.burschtravel.com.  Some of the menu items are so close together you can't even tell they are seperate links until you hover over them.  I can't figure out how to force them further apart.

Any ideas?  Thanks,

Casey

Not to highjack this header... but I'm having the same trouble.  It seems that IE explorer renders the padding-left property on the rootmenuitem class but Mozilla Firefox will not.  I have tried setting border and margin properties to get spacing between horizontal menu items, but firefox doesn't respond to anything.

RELEVANT ASCX CODE:

<dnn:SOLPARTMENU runat="server"
           id="dnnSOLPARTMENU"
           separatecss="true"
           Display="Horizontal"
           separator="&nbsp;|&nbsp;"
           userootbreadcrumbarrow="false"
           usesubmenubreadcrumbarrow="false"
           rootmenuitemcssclass="MainMenu_Off"
           rootmenuitemactivecssclass="MainMenu_Active"
           rootmenuitemselectedcssclass="MainMenu_Selected"
           rootmenuitembreadcrumbcssclass="MainMenu_BreadcrumbActive"/>

RELEVANT CSS:

.MainMenu_Off      { color:#3399FF; background-color: transparent; padding-left: 5px; height: 20px; }
.MainMenu_Selected,
.MainMenu_BreadcrumbActive,
.MainMenu_Over,
.MainMenu_Active   { color: #DEDEDE; background-color: transparent; padding-left: 5px; height: 20px; }

I've noticed the Home... About...Community... Development spacing on this dotnetnuke page renders properly in IE but is messed up in Firefox.