asp:Menu weird top border problem

[musosdev]

Hi guys

I'm experimenting with an asp:Menu control for the first time. Very cool.
But I am having some problems with the styling.

Everything works great, except that I get a one pixel border all the way
along the top of my menu. I wonder if you could provide some answers?

Here's the relevant HTML...


<div id="menuPanel">

<asp:Menu ID="mnuMainMenu" CssClass="menu" runat="server"
DataSourceID="xmlSiteMap" MaximumDynamicDisplayLevels="0"
StaticDisplayLevels="1" Orientation="Horizontal" BorderStyle="None"
BackColor="White" >
<StaticMenuItemStyle CssClass="menuItem" />
<StaticHoverStyle CssClass="menuItemHover" />
</asp:Menu>

<!-- sitemap -->
<asp:SiteMapDataSource ID="xmlSiteMap" runat="server"
ShowStartingNode="false" />

<div id="searchPanel">
<asp:TextBox ID="uniSearch" runat="server"
CssClass="uniSearchBox" width="150" Height="15" />
</div>

</div>

.... and the CSS ...

#menuPanel
{
height: 25px;
border-style: none;

filterrogidXImageTransform.Microsoft.Gradient(startColorStr='#BCBCBC',
endColorStr='#999999', gradientType='0');
width: 100%;
}

..menu
{

float:left;
}

..menu .menuItem
{
width: 150px;
height:25px;
text-align: center;

filterrogidXImageTransform.Microsoft.Gradient(startColorStr='#BCBCBC',
endColorStr='#999999', gradientType='0');
color: #FFF;
}

..menu .menuItem a { width:100%; display:block; }


..menu .menuItemHover
{

filterrogidXImageTransform.Microsoft.Gradient(startColorStr='#ABABAB',
endColorStr='#777777', gradientType='0');
color: #FFF;
}

Can anyone see where my weird border might be coming from?!!?

Thanks,


Dan