ASP.NET Menüsteuerung verursacht Tabellenzellenhöhe Ausgabe

Question

Ich bin mit einer zwei Zellentabelle für mein Navigationslayout (die ich wahrscheinlich CSS sollte verwenden). Die Linke ist Zelle ist ein hyper-Link. Die rechte Zelle enthält eine ASP.NET Menüsteuerung.

Wenn die Seite in IE7 macht, sowohl die Hyper-Link und Menü auf der gleichen Linie.

Wenn FF2, FF3 oder IE8 mit dem Menü verursacht seine Zelle in der Größe zu erhöhen. Wenn ich entfernen Sie das Menü seine Werke in Ordnung. Ich glaube, das Problem ist, w / die DIV-Tags die Menüsteuerung erzeugt.

Wie soll ich den Code ändern, damit sowohl die linken und rechten Navigationselemente auf der gleichen Zeile erscheinen?

<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

Ended up FireBug mit dem Thema zu entdecken, ist durch das Bild Skiplink verursacht wird durch die Steuerung eingebettet werden. Einstellen SkipLinkText="" Eigenschaft gelöst, die Formatierung Problem aber bricht den Zweck des Skiplink. Gibt es eine andere Lösung?