Html 第一次绘制时页面呈现不正确

我正在构建一个webpsite，但它有一个奇怪的问题。当我第一次导航到页面时，它将在标题外呈现菜单。当我刷新页面或导航到另一个页面（使用相同的HTML）时，它将正确显示

我怀疑这与页眉中的图像以及浏览器（IE10和Chrome）在初始加载时为其保留整个宽度有关

HTML 当我把

#菜单

放在

#徽标

之前时，问题就解决了，但这样做感觉很奇怪。有人知道发生这种情况的确切原因吗？CSS的改变能解决这个问题吗

---

（只能在服务器上复制，不能用小提琴，但有助于演示）

如果添加

浮点：左属性到您的徽标选择器，isusue已解决

img#logo {
    height: 61px;
    margin-top: -2px;
    margin-left: 1em;
    float:left;
}


img#logo {
    height: 61px;
    margin-top: -2px;
    margin-left: 1em;
}
#header {
    position: relative;
    height: 3.09em;
}
#menu {
    float: right;
    height: 100%;
}
#menu li {
    float: left;
}

img#logo {
    height: 61px;
    margin-top: -2px;
    margin-left: 1em;
    float:left;
}