ASP.NET Menu control with DynamicMenuStyle doesn't render correctly in Firefox

[Boske]

Hi,

I have an ASP.NET menu control using DynamicMenuStyle with a border. It
renders correctly in IE, i.e. the border is around the menu items and
when hoovering over the menu items, the backcolor changes over the
whole menu item.

In Firefox I have a border and a hoover over backcolor that is as large
as the image of the menu control. (The text of the menu items falls
outside the borders).

The code I use:
<asp:Menu ID="menuProfiles" runat="server"
Orientation="Horizontal" DynamicEnableDefaultPopOutImage="false"
StaticEnableDefaultPopOutImage="false"
meta:resourcekey="menuProfilesResource1" SkipLinkText="">
<DynamicHoverStyle BackColor="#FF9900" />
<DynamicMenuStyle BorderStyle="Solid"
BorderWidth="1px"/>
<Items>
<asp:MenuItem
ImageUrl="~/App_Themes/EmailGarage/Images/Pi_iconToolbarNewFile_off.gif"
meta:resourcekey="MenuItemResource1"
PopOutImageUrl="~/App_Themes/EmailGarage/Images/Menu_ScrollDown.gif">
<asp:MenuItem Target="contentFrame"
NavigateUrl="~/Profiles/ProfileForm.aspx" Text="Create new profile"
Value="Create new profile"
meta:resourcekey="MenuItemCreateProfile"></asp:MenuItem>
<asp:MenuItem Target="contentFrame"
NavigateUrl="~/Profiles/UploadCsvFileForm.aspx"
Text="Import profiles from csv"
Value="Import profiles from csv"
meta:resourcekey="MenuItemUploadProfile">
</asp:MenuItem>
</asp:MenuItem>
</Items>
<StaticHoverStyle BackColor="#FF9900" />
</asp:Menu>



Does anyone knows how to solve this?

Kind regards,

Karine