motriieffek
New Member
I'm having some issues with a drop-down menu in IE7.It works fine in all other browsers but appears offset in IE7 for some reason. Any ideas?Please see the menu code below and the computed CSS from Firebug as well as images demonstrating the issues.Correct Menu
Offset Menu
HTML\[code\]<ul id="coolMenu"> <li class=""> <a class="donate" href="http://stackoverflow.com/questions/13700178/#"> User Options <span class="downarrowclass"></span> </a> <ul id="style_me" style="display: none;"> <li> <a href="http://stackoverflow.com/questions/13700178/#">Candidate Panel</a> </li> <li> <a href="http://stackoverflow.com/questions/13700178/#">Access details</a> </li> <li> <a href="http://stackoverflow.com/questions/13700178/#">Personal details</a> </li> <li> <a href="http://stackoverflow.com/questions/13700178/#">History</a> </li> <li> <a href="http://stackoverflow.com/questions/13700178/#">Withdraw application</a> </li> <li> <a href="http://stackoverflow.com/questions/13700178/#">Jobs by e-mail</a> </li> <li> <a href="http://stackoverflow.com/questions/13700178/#">Log off</a> </li> </ul></li></ul>\[/code\]CSS\[code\]#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;}\[/code\]If it helps, there appears to be some form of offset present in the IE developers tab:
Also, here is the computed code in iedeveloper for ul coolmenu.
