Firefoxが右にテーブルをキックする

Question

私はこれを十分に明確に説明できます。私はいくつかの画像を表示するテーブルを持っています。このテーブルはPHPで動的に生成されます。すべてのブラウザで、表が正しくレンダリングされ、ページの中央に表示されます。 Firefoxでは、テーブルはページのほぼ全部から右にプッシュされ、スクロールバーはページの下部に表示されますが、要素の背後にあります。

これは表のCSSですが、それが役立つかどうかわかりません。

/* Portfolio Table Styles */ 

table { 
    position: relative; 
    width: 900px; 
    margin-left: auto; 
    margin-right: auto; 
} 

table td { 
    height: 150px; 
    width: 150px; 
    border-spacing: 30px; 
    padding: 10px; 
} 

table div { 
    height: 150px; 
    width: 150px; 
    overflow: hidden; 
} 

table img { 
    position: relative; 
    top: -20px; 
    left: -50px; 
    height: 300px; 

} 

これにより、これがクリアされることを望みます。これはfirefox 7.0.1での表示方法です。 JSFIddle

また、CSSの下部にあるoverflow-xをコメントアウトすると、そこに修正されます。しかし、firefoxでは違いはありません。

Answer 1

#portContent { 
    position: relative; 
    top: 20px; 
    left: 0; 
    display: block; 
    overflow-x: hidden 
    clear: both; /*add this line*/ 

http://jsfiddle.net/XJj5B/4/