下拉列表里的定位问题

各位高手帮我解决下浏览器兼容问题，我在下拉列表层里设置了position:absolute;margin-left:100px;浏览器中缩放整个页面时就和页面分离了。求解。
#menu {
margin-top:0px;
padding:0;
width:810px;
height:40px;
list-style-type:none;
font:14px 黑体;
z-index:5;
position:absolute;
margin-left:100px;
}
我用其他position属性在显示下拉列表时就会把其他层挤到下面去。

js动态设置。

这个我也想过，但是写函数会比较麻烦，有没有简单点的方法呢？只要能解决浏览器缩放问题就好。