在IE9 (和7)中，非浮动div落在右侧浮动div的下方

Question

这是一个响应式的网站，(http://www.dermatologypartners.com)首先使用桌面样式。虽然没有CSS3，但IE8可以正确地处理页面。但是IE9正在把我的导航栏(在左边)往下拉，而在所有其他浏览器中，导航栏都在右边浮动的内容旁边。

我的导航栏接近HTML的末尾，因为我想让它在页面内容的最后、页面内容的下方、页脚的上方流动--在站点的智能手机版本中，它确实是这样做的。

导航不是浮动的。它只是上升到左上角，内容浮动到右边。

除了在IE9中。

如果我能得到一个IE9修复，我就不需要重做所有这些。这不是"float drop“--有足够的空间可用。实际上，我在IE7中也遇到了同样的问题，但是我并不关心IE7 --但是为什么7和9，而8是可以的呢？

谢谢!

Answer 1

在您的.gradient div中，添加width:19%，然后在#nav div中，将width更改为100%。