浏览器显示chrome vs firefox的不同视图

Question

正在使用Drupal对我的主页进行更改。

我认为css可能是问题。

在Firefox上我的代码有效，但是当我在Google Chrome上预览时，它会显示不同的视图。

关于问题可能是什么的任何想法..

我不明白为什么它适用于一个而不是另一个......

代码（因为这是drupal）我已下载模块视图代码）

  .liScroll-container .mask {
    position: relative;
  left: 10px;
 width: 570px;
 overflow: hidden;

}

链接：http://mja.anytimeafter9.co.uk/（位于底部）

  .liScroll-container {
 width: 570px;
 height: 29px;
margin: 0;
 padding: 0;
 margin-bottom: 10px;
 overflow: hidden;

Answer 1

之前我遇到过这个问题，尝试更新两者和/或减少操纵定位的css。有时我通过给予更多回旋余地来解决这个问题：

float: none ;margin: 0 auto;

或

float:left !important; margin: 0px 0px 0px 0px !important;

根据您的需求进行调整