CSS - Twitter的Firefox和IE的Bootstrap 2.x问题

Question

我目前正在使用Twitter Bootstrap作为基础开发网站。我使用Chrome进行开发并且没有任何问题，但是当使用Firefox查看同一页面时，菜单和内容位置本身很奇怪，就好像没有空间一样。

你可以看看那里： http://www.penthousemontreal.com/ http://penthousemontreal.com/collections/moderne/

可能导致麻烦的是什么？

Answer 1

<强>更新

您在top: -100px;课程中使用.brand（相对位置）（导航栏中的图片）。图像仍将占据FF / IE的原始位置。导致此图片的float:left;您的内容浮动在此空白空间的右侧＆＃39;。可以在此处找到解决方案：CSS using negative relative positioning issue。用margin-top替换顶部：

.brand {
    margin-left: 20px !important;
    margin-top: -100px;
    position: relative;
  }

<击> 也许您的引导文件已更改/损坏。您从wp-content / themes / MMS / style.css导入bootstrap / css / bootstrap.css（和bootstrap-responsive.css），它似乎是版本Bootstrap v2.3.2。 当我使用//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css加载您的网站时，问题已得到解决。请参阅：