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의이 부분을 삭제하면 문제를 해결하기 위해 보인다 (크롬) 라인에 물건을 두지 않았다

는

<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> 

그래서, 아마도 내 갈등을 프로그래머 메뉴 클래스 또는 그 순서가없는리스트에 관한 CSS.