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.