ASP .Net Menu Item Vertical Spacing

gibass

New Member
I have a menu on an ASP.Net page. In Firefox it renders correctly. In IE there is a small gap between items in the drop down menu items where you can see the page behind. I do not think I have any padding or margins set because it renders fine in Firefox. But I assume it is some kind of CSS problem:\[code\]<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="true" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:MenuItem NavigateUrl="~/ProviderPages/Home.aspx" Text="Home" /> <asp:MenuItem NavigateUrl="~/About.aspx" Text="About" /> <asp:MenuItem NavigateUrl="~/ProviderPages/ProviderTemp.aspx" Text="Providers"> <asp:MenuItem NavigateUrl="~/ProviderPages/ProviderAccess.aspx" Text="Provider Access" /> <asp:MenuItem NavigateUrl="~/ProviderPages/ProviderTempAdd.aspx" Text="Provider Add" /> </asp:MenuItem> <asp:MenuItem NavigateUrl="~/ProviderPages/AgencyTemp.aspx" Text="Agencies"> <asp:MenuItem NavigateUrl="~/ProviderPages/AgencyAccess.aspx" Text="Agency Access" /> <asp:MenuItem NavigateUrl="~/ProviderPages/AgencyTempAdd.aspx" Text="Agency Add" /> </asp:MenuItem> <asp:MenuItem NavigateUrl="~/SystemPages/Maintenance.aspx" Text="Maintenance"> <asp:MenuItem NavigateUrl="~/Account/ChangePassword.aspx" Text="Change Password" /> <asp:MenuItem NavigateUrl="~/SystemPages/Email.aspx" Text="Send Email" /> <asp:MenuItem NavigateUrl="~/SystemPages/UserManagement.aspx" Text="Manage User Accounts" /> <asp:MenuItem NavigateUrl="~/SystemPages/AgencyEdits.aspx" Text="Review Agency Edits" /> <asp:MenuItem NavigateUrl="~/SystemPages/ProviderEdits.aspx" Text="Review Provider Edits" /> <asp:MenuItem NavigateUrl="~/SystemPages/ErrorLog.aspx" Text="Error Log" /> </asp:MenuItem> </Items> </asp:Menu> \[/code\]Styled like this:\[code\]div.menu{color: White;font-family: 'Tahoma', 'Geneva', sans-serif;font-size: 12px;font-weight: 500;padding:3px 0px 3px 0px;text-decoration: none;float: right;}div.menu ul{ list-style: none;margin: 0px;width: auto;padding: 5px 8px 4px 8px;text-transform: uppercase;}div.menu ul li a, div.menu ul li a:visited{background-image: url("Images/bg_nav.png");background-repeat:repeat-y;border-style:none;color: #dde4ec;display: block;line-height: 1.35em;padding: 5px 5px;text-decoration: none;white-space: nowrap;margin: 0px 5px 0px 5px;}div.menu ul li a:hover{background-image: url("Images/bg_nav.png");background-repeat:repeat-y;color: White;text-decoration: none;}div.menu ul li a:active{background-image: url("Images/bg_nav.png");background-repeat:repeat-y;color: White;text-decoration: none;}\[/code\]
 
Back
Top