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