Html IE7中的偏移量下拉菜单

我对IE7中的下拉菜单有一些问题。 它在所有其他浏览器中都可以正常工作，但由于某些原因在IE7中出现偏移。有什么想法吗？ 请参阅下面的菜单代码和Firebug的计算CSS，以及演示问题的图像

正确的菜单

偏移菜单

HTML

如果有帮助，IE开发者选项卡中似乎存在某种形式的偏移：

另外，这里是iedeveloper for ul coolmenu中的计算代码。

---

这可以通过使用以下代码专门针对IE7来解决：

Html.ie7 #coolMenu ul {
top: 59px;
left: 71px;
}

---

你能创建一个JSFIDLE，这样我们就可以处理代码了吗？此外，li是否仅在悬停时偏移？

#coolMenu,
#coolMenu ul {
   list-style: none;
}
#coolMenu {
   float: right;
}
#coolMenu > li {
   /*float: left;*/
}
#coolMenu li a {
    display: block;
    text-decoration: none;
color: #ffffff;
width: 100px;
text-align: center;
}
#coolMenu ul {
    position: absolute;
    display: none;
    z-index: 999;
}


#coolMenu li:hover ul {
display: block;
}

.dropdown a li{
color: #124162 !important;
}

#coolMenu li #style_me  li  a{
color: #124162 !important;
width: 140px !important;
}

#coolMenu li #style_me  li  a:hover {
color: #ffffff !important;
}

Html.ie7 #coolMenu ul {
top: 59px;
left: 71px;
}