为什么我的布局仅在Firefox和IE8（而不是9）中打破？

Question

我今天注意到，我几个月前完成的一个网站在Firefox和IE8上表现不佳（在IE9中工作正常）。现在已经很老了，我很确定当时我测试了浏览器的兼容性，但我想有人会犯错误。

问题是我似乎无法理解问题。基本上我有一个左侧浮动侧边栏的固定位置，但它呈现在右边（在它的容器外）FF和IE8。我总是可以从头开始重新构建布局（它使用Skeleton Grid系统），但仍然想要了解问题。

Example page that's broken on the website.

尝试与不同的浏览器打开它，看看自己。另外，如果有人在FF上看到它，我也很感兴趣。

非常感谢！

编辑：我不是要求整个调试。只要有人知道这个问题。

编辑2：验证器链接在这里是不相关的。我已经检查过它们，它们基本上是用于html的CSS和CMS相关的前缀。

EDIT3：我固定它，并准备了还挺完整的答案后，但因为我是一个新用户，我不能回答我的问题在接下来的7小时... ...所以在这里，它是：

我刚刚从你的答案中提出了一些提示（谢谢 你！）。

基本上，这与浏览器如何处理固定元素上的浮点数有关。想象一下，我们正在处理连续的“浮动：左” 元素，这是大多数网格系统（960gs，bootstrap， 等）的情况。

这里的浏览器将如何处理没有固定 定位这些元素：http://jsfiddle.net/cPjdK/并与浮动：正确的： http://jsfiddle.net/cPjdK/1/

现在，如果我们有一个很长的第三列，并希望将第一 （我的例子） ？那么它基本上禁用浮点数，因为固定的 元素超出流程。 http://jsfiddle.net/cPjdK/9/

所以，你必须绝对（或在我的情况下边距） http://jsfiddle.net/cPjdK/6/

现在来谈谈我的网站定位呢？固定的元素已经浮动了，整个电网系统有点崩溃。解决这似乎是一个 长时间的工作。但是，出于某种原因，用“float：right”替换浮动元素上的“float：left”属性 基本上解决了它。为什么 修复它？为什么它不适用于FF和IE8，但在IE9 和Chrome上显得很好。

我不知道。

但现在看起来罚款（后一些调整），我已经付出了这么 ...

问题解决了，但问题的答复，对不起...

Answer 1

你有一个FIXED定位元素，但没有给它任何坐标。

先给它是这样的：

#side-right{ 
position:fixed; 
top:0; 
left:0; 
}