Css 与IE7-8的一致性问题

我有跨浏览器兼容性方面的主要问题。此图说明了问题：

我应该为IE7-8输入什么代码，以便我的菜单正确对齐？现在它在firefox中看起来不错，但没有其他功能

这是她拥有的菜单代码（可能还有其他相关代码，但我不知道，请参阅）：

我尝试过其他线程中提到的东西，

overflow:hidden/给出宽度/
边距：0自动
等。没有任何效果，只会破坏Firefox。
试试看

.custom .menu {
     height: 106px;
     border: 0px none;
     float: right;
}


.custom #header {
     background: transparent;
     height: 80px;
     top: -80px;
     position: relative;
     border-bottom: 0;
}

根据我在Mac上的Safari中看到的情况，这与您遇到的问题类似。有几个css问题

#header { float:left; }
.menu-menu-top-container { float:right; }

删除：

#header { clear:both; }
.custom .menu { height:25px; }

但是这个网站有很多问题。我个人会从html和css两个方面重新开始。这是我很长时间以来看到的一段奇怪的代码。
你有可能是原因。例如，Explorer讨厌无效的HTML，并且最难理解您的意图。其他浏览器会做出不同的猜测，你的网站在Safari中也被破坏了。关键是，除非遵循标准，否则渲染将是不可预测的

您有两个无效的空
元素

需要







一旦你修复了HTML，就只能处理CSS问题。
Um。。所以你的问题在哪里。。。对不起，我有一张照片解释了这一点，然后我似乎还不能发布它，因为我是一个新手在这里。我应该为IE7-8输入什么代码，以便我的菜单正确对齐。现在，它在firefox中看起来是正确的，但没有其他功能。请解释一下你所说的“正确”是什么意思。你需要告诉我们你想要它是什么样子。顺便说一句，它在Mac上的Safari中看起来也不错。我希望菜单向右浮动（正如你在firefox中看到的我的链接，但在其他浏览器中它都向左移动。我在中添加了这个，它似乎做了一些有益的事情，但在IE7/8中右对齐、浮动仍然不起作用。不过感谢代码！它有助于垂直放置，但菜单仍然不会向右移动。你刷新了你的页面吗CSS缓存？（Ctrl+F5）在网站上。我刚刚在和中进行了测试，对我来说似乎很好。你能发布一个屏幕截图吗？嗯，我正在使用Adobe browser lab进行测试，因为我在mac上，昨天它不工作。我今天加载了它，似乎已修复。我将尝试所有浏览器，然后返回给你。谢谢你的回复！！我听到了，我正在重新开始我是一个不同的设计师，老实说，这是一场噩梦。我会尝试一下。谢谢！不幸的是，我没有得到足够的报酬来重做它。不幸的是，这不起作用。它只是在Firefox中按下菜单。这些是由wordpress创建的，等待有小部件放在那里。Thx为reply@user1868861，这不重要已创建。它仍然是无效的HTML，无效的HTML很可能会导致IE呈现问题。
#header { clear:both; }
.custom .menu { height:25px; }

<div id="sidebar_1" class="sidebar">
    <ul class="sidebar_list">
    </ul>
</div>
<div id="sidebar_2" class="sidebar">
    <ul class="sidebar_list">
    </ul>
</div>