css - 修复了 IE9 下的菜单中断

Question

所以，我在为我阿姨设计的网站上遇到了问题。请注意，我已经有一段时间没有从头开始开发网站了(这些天我主要使用 Wordpress 主题)。所以最近几天我一直在重新学习 CSS 和 HTML5。也就是说，我一直遇到问题并返回到 TABLES 进行布局(我知道，我知道，上帝保佑我)。

虽然我最终会将此布局移动到纯 CSS，但她的最新书有截止日期，所以我需要加紧设计(因此，表格)。我还使用 Boilerplate 作为起点。

目前，一切正常，除了 IE9 中的一个非常烦人的怪癖。

我制作的固定菜单在 IE9 中失效。它不再像在其他任何地方那样跨越整个页面宽度，而是从页面内容的边缘开始。

页面:www.evastachniak.com

奇怪的是，这个问题在 IE8 或 IE7 中都没有出现。关于我做错了什么的任何想法。

这是固定菜单的代码:

<div id="container" > OLD SCHOOL TABLED MENU </div>

这是归因于它的 CSS:

#container {width:100%;
height:40px;
background:#8a282c;
position:fixed;
-webkit-box-shadow: 0px 5px 40px #000;
-moz-box-shadow: 0px 5px 40px #000;
box-shadow: 0px 5px 40px #000;
z-index:100;}

我花了一整天的时间在谷歌上搜索答案，但运气不佳。恐怕这个问题目前超出了我的理解范围。任何帮助，将不胜感激。提前致谢。

Answer 1

听起来你想添加 left: 0px - 你没有指定你想要元素的位置，所以默认情况下它是它在流中的位置。