CSS 在 firefox、chrome 和 ie 中的运行方式不同

Question

这与我网站上的 Logo 有关。我希望 Logo 中的怪物看起来就像坐在二级菜单上一样，因此我添加了以下代码。

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