CSS가 firefox, chrome 및 ie에서 같은 방식으로 작동하지 않습니다.

Question

이것은 내 웹 사이트의 로고와 관련이 있습니다. 로고의 괴물이 보조 메뉴에 앉아있는 것처럼 보이기를 원했기 때문에 다음 코드를 추가했습니다. 이 크롬에서 잘 작동하지만, http://i.imgur.com/5BMUMSF.png

그러나 :

#logo {position:absolute; z-index:20; margin-top:-5px !important;} 
#top-menu {margin-left:300px;} 

이

내가 원하는 효과입니다. 그것은 파이어 폭스와 IE에서 잘 작동하지 않습니다. 아무도 도와 줄 수 있니? 나는 양쪽 브라우저에서 css에 간섭을 시도했지만, 하나에서 작동하는 것은 다른 브라우저로 넘어 가지 않습니다.

당신은 당신은 당신의 문제를 재현하기위한 모든 관련 코드를 포함 할 필요가 http://nomnom.sg

Answer 1

img#logo { 
    float: left; 
    margin: 0px 23px 0px 0px; 
    display: block; 
    position: relative; 
    top: 13px; 
    z-index: 11111; 
} 

ul#top-menu { 
    float: left; 
    padding: 25px 0px 0px; 
    font-family: Arial, Verdana, sans-serif; 
    position: relative; 
    top: 20px; 
}