修复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 - 您没有指定您希望元素的位置，因此默认情况下它将在流程中的位置。