November 13th, 2012, 05:54 AM
-
Menu code working in EVERYTHING except IE8...
Hi guys,
Got a problem here that I've been trying to resolve for days now with no luck...could really do with some help please 
Problem: Main menu options appear correctly. Hover over a 2nd level menu option "For Candidates --> Browse our vacancies" should show the 3rd level menu links, this doesn't happen in IE8.
Guessing it requires an IE8 code hack, but cannot figure out how to get it to work.
style.css Code:
/*----------------------menu-------------------------*/
#menu{
width: 100%;
height:35px;
float:left;
padding:5px 0 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block; font-weight:bold;
}
#menu ul li{
list-style:none;display:inline;float:left;width:130px;height:35px;padding:0px;line-height:35px;font-family: Arial, Helvetica, sans-serif;font-size:13px;margin:0 3px 0 3px;
}
#menu ul li a{
height:35px; width:130px;float:left;text-decoration:none;padding:0px;margin:0px;color:#6c7b83;text-align:center; background:url(images/menu_bt.gif) no-repeat center;
}
#menu ul li a:hover{
height:35px;width:130px;text-decoration:none;color: #68C2EF;
}
#menu ul li a.current{
height:35px;width:130px;float:left;text-decoration:none;padding:0px;margin:0px;color: #68C2EF;background:url(images/menu_bt.gif) no-repeat center;
}
#menu ul li ul{
position:absolute;
display:none;
}
#menu ul li:hover ul{
left:220px;
top:0px;
display:block;
}
Any ideas would be MASSIVELY appreciated, thanks!
Paul.