定位绝对div的问题

Question

嘿伙计们，我在导航时遇到了问题，因此无论浏览器是什么，总是会在页面上的相同位置....

我有以下内容：

#Mainmenu {
    width: 44%;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: .9em;
    list-style: none;
    position: absolute;
    left: 35em;
    top: 4.7em;
    right: 0;   

}

这是定位的，exacly我想要它在chrome和firefox但不在IE中。此外，如果我改变分辨率，它会稍微改变定位。我想知道我怎么总能在它想象的那个地方拥有它。

如果您还有其他需要，请告诉我们！

大卫

更新

http://jsfiddle.net/MVpkP/ - 是我在其中的样式和布局。

上面的那个是Chrome和我希望它保持的那个，这就是我想要它的风格。

Answer 1

将它放在标题中

 <!--[if IE]>
   <link rel="stylesheet" type="text/css" href="IE.css" />
 <![endif]-->

为IE创建一个额外的css文件并相应地调整你的IE css。

Answer 2

你应该在你的左/右/顶部使用％，或者将这个元素放在另一个元素中。

例如：

#Mainmenu {
width: 44%;
font-family: Helvetica, Arial, Sans-Serif;
font-weight: bold;
font-size: .9em;
list-style: none;
position: absolute;
left: 3%;
top: 1.5%;
right: 0;   
}

至于把它放在另一个元素中：

#wrap{
width: 700px;
margin:0 auto;  
 }

<div class="wrap">
     your menu stuff...
</div>

其中任何一个都应该解决你的问题