asp.net - 仅在 chrome 中内容不随 div 移动(asp 控件问题)

Question

我有一个菜单 div，它在 IE9 和 Firefox 中显示得很好，但在 chrome 和 IE8 中，当 div 移动时，div 的内容并没有跟随实际的 div 本身:

IE9/FF:

Chrome :

据我所知，我没有任何 css 冲突或流程问题。我可能会遗漏一些东西(很明显)。任何帮助将不胜感激。时间差

这是当前的 div 层次结构:

<div id="mainBody">
     <div id="mainMenu" class="mainMenu">
          <asp:Menu class="menuItems">
               <--- menu items jargon here --->
          </asp:Menu>
     </div>
</div>

还有CSS:

body
{
    background-color: #E7EDEB;
}

.textBox
{
    margin: 1px;
}
#mainBody
{
    border: 1px solid #000000;
    width: 1000px;
    background-color: #FFFFFF;
    margin-left: 10%;
    margin-right: 10%;
    padding: 0px;
    font-family: Calibri;
    letter-spacing: .03em;
}
.mainMenu
{
    border: 1px solid #000000;
    background-color: White;
    margin: 0px;
    position: relative;
    width: 600px;
    left: 50px;
    bottom: 25px;
    height: 30px;
}
.MenuItems
{
    vertical-align: middle;
    font-family: Calibri;
    font-size: large;
    text-decoration: none;
    text-align: left;
    color: #000000;
    margin: 3px;
}
div#mainContent
{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin: 0px;
    width: 1000px
}

更新: 我从 div 中删除了 asp 菜单控件，并将其替换为纯文本。它看起来更像你所期望的，所以它让我相信它与控件本身有关。我还没有对控件本身应用任何样式，所以我还是迷路了。

Answer 1

尝试为您的跳过链接添加样式:

#ctl04_SkipLink {
position:absolute;
left:-9999px;
}