Controllo del menu ASP.NET che causa il problema dell'altezza della cella della tabella

Question

Sto usando una tabella a due celle per il mio layout di navigazione (che probabilmente dovrei usare css). La cella a sinistra è un collegamento ipertestuale. La cella destra contiene un controllo menu ASP.NET.

Quando viene eseguito il rendering della pagina in IE7, sia l'hyper link che il menu sulla stessa riga.

Quando si utilizza FF2, FF3 o IE8 il menu fa aumentare le dimensioni della sua cella. Se rimuovo il menu funziona benissimo. Credo che il problema sia con i tag DIV generati dal controllo menu.

Come devo modificare il codice in modo che gli elementi di navigazione sinistro e destro vengano visualizzati sulla stessa riga?

<table width="100%" cellpadding="0" cellspacing="0">
    <tr id="trBanner" runat="server" style="background-image: url(Images/Header_Blue.jpg); height:124px">
        <td colspan="2"></td>
    </tr>
    <tr id="trMenu" runat="server" style="background-image: url(Images/bluegradient.jpg); background-repeat">
        <td align="left">&nbsp;&nbsp;<asp:HyperLink ID="HyperLink1" ForeColor="White" Font-Names="verdana" Font-Bold="true" Font-Size="10pt" NavigateUrl="~/Summary.aspx" runat="server" style="text-decoration: none">Summary</asp:HyperLink></td>
        <td align="right" >
            <asp:Menu ID="mainMenu" Orientation="Horizontal" runat="server" DataSourceID="siteMapDataSource" style="vertical-align:top">
                <StaticMenuItemStyle CssClass="navnormal" ForeColor="White" ItemSpacing="5"  />
                <StaticHoverStyle CssClass="navhover"  />
                <StaticSelectedStyle CssClass="navselected" />       
                <DynamicMenuStyle CssClass="navnormal" BackColor="white" BorderColor="Black" BorderStyle="Solid" />     
                <DynamicHoverStyle CssClass="navhover" BackColor="Navy" />
            </asp:Menu>
            <asp:SiteMapDataSource ID="siteMapDataSource" runat="server" ShowStartingNode="false" />
        </td>
    </tr>
    <tr id="trRedBar" runat="server" style="background-image: url(Images/redbar.gif); height:9px">
        <td colspan="2"></td>
    </tr>
</table>

Answer 1

Alla fine si è utilizzato FireBug per scoprire che il problema è causato dall'immagine SkipLink incorporata dal controllo. L'impostazione della proprietà SkipLinkText = " " risolve il problema di formattazione ma interrompe lo scopo di SkipLink. C'è un'altra soluzione?