테이블 셀 높이 문제를 일으키는 ASP.NET 메뉴 제어

Question

내비게이션 레이아웃에 두 개의 셀 테이블을 사용하고 있습니다 (아마도 CSS를 사용해야 함). 왼쪽은 셀이 하이퍼 링크입니다. 오른쪽 셀에는 ASP.NET 메뉴 컨트롤이 포함되어 있습니다.

페이지가 IE7로 렌더링되면 동일한 줄의 하이퍼 링크와 메뉴가 모두 있습니다.

FF2, FF3 또는 IE8을 사용할 때 메뉴로 인해 셀이 크기가 증가합니다. 메뉴를 제거하면 잘 작동합니다. 문제는 메뉴 컨트롤이 생성하는 DIV 태그가 있다고 생각합니다.

왼쪽 및 오른쪽 탐색 항목이 동일한 줄에 나타나도록 코드를 변경해야합니까?

<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

Firebug를 사용하여 문제가 제어에 의해 내장 된 스킵 링크 이미지로 인해 문제가 발생하고 있음을 발견했습니다. 환경 SkipLinkText="" 속성은 서식 문제를 해결했지만 SkipLink의 목적을 위반합니다. 다른 해결책이 있습니까?