CSS在firefox，chrome和ie中不能以相同方式運行

Question

這是關於我網站上的徽標的。我希望徽標中的怪物看起來好像坐在二級菜單上，因此我添加了以下代碼。

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

這是我想要的效果：http://i.imgur.com/5BMUMSF.png

然而，儘管這是在Chrome運行良好。它不適用於Firefox和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; 
}