ChromeのCSSインライン/ブロックの問題

Question

http://erickochphoto.com/avejoe/?page_id=14は、FFとIEではうまく表示されますが、クロムでは失敗します。

私はクリアを使用しています：両方の表示：私が考えることができるすべてのブロック/インラインが、私は失敗しています。何か案は？

#main { 
    margin: 0; 
    padding: 0; 
    width: 800px; 
    min-height: 375px; 
    background: url(images/paper.png) repeat-y; 
    display: inline; 
    float: left; 
} 
#leftBackCopy 
{ 
    display: inline; 
    margin: 0px; 
    padding: 0px; 
    background: url(images/map.png) no-repeat; 
    width: 122px;  
    height: 426px; 
    float: left; 
} 
#rightBackCopy 
{ 
    display: inline 
    margin: 0px; 
    padding: 0px; 
    background: url(images/trimCam.png) no-repeat; 
    height: 195px; 
    width: 122px; 
    float: left; 
} 
#mainHolder 
{ 
    display: block; 
    clear: both; 
    margin: 0 auto; 
    padding: 0; 
    width: 1044px; 
} 

Answer 1

追加してみてください：

#mainHolder { 
    overflow:auto; 
    margin: 30px auto 0 auto; 
} 

直上を追加し、すべてそのままitherのスタイルのままにしておきます。私のために働いた、あなたのために働くことを願っています。

Answer 2

私はそれに行き過ぎが、あなたのHTMLのこの部分を削除することで問題を解決し、（Chromeで）ラインで物事を入れているようだしませんでした：だから

<div class="menu"><ul><li ><a href="http://erickochphoto.com/avejoe/" title="Home">Home</a></li><li class="page_item page-item-14 current_page_item"><a href="http://erickochphoto.com/avejoe/?page_id=14" title="Test">Test</a></li></ul></div> 

、おそらく内の競合をtheresのメニュークラスまたはその順序付けられていないリストに関するCSS。