CSS Drop Down Menu Problem (only in IE)

Question

Hi Folks,
I have just added a new drop down menu and it seems to work perfectly in every other browser except IE.
In IE the cursor makes the next menu item along drop down and not the one that's hovered over.
I have removed the jquery script and the same problem occurs, so I reckon it must be a CSS problem. Here's the CSS code in case anyone has any ideas what the problem is.
Any suggestions would be hugely appreciated cos I can't figure it out .
Cheers
Dave
/*Navigation Menu Style*/
#topmenu{
#topmenu #nav, #nav ul{
font-size:10.5px;
font-weight:bold;
margin:0;
list-style-type:none;
list-style-positionutside;
position:relative;
line-height:35px;
background-color:#006699;
width:100%;
text-align:left;
#topmenu #nav a{
display:block;
padding:0px 5px 0px 10px;
width:145px;
border-left-color:#006699;
background-color:#006699;
color:#fff;
text-decoration:none;
text-transform:uppercase;
#topmenu #nav a:hover{
color:#CFF;
#topmenu #nav li{
float:left;
position:relative;
#topmenu #nav ul {
position:absolute;
display:none;
width:160px;
top:35px;
#topmenu #nav li ul{
/*padding-bottom:20px;*/
#topmenu #nav li ul a{
width:180px;
height:35px;
float:left;
text-transform:capitalize;
#topmenu #nav li ul a:hover{
text-decoration:underline;
#topmenu #nav ul ul{
top:auto;
#topmenu #nav li ul ul {
left:180px;
margin:0px 0px 0px 10px;
#topmenu #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
#topmenu #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
/*Navigation Menu Style Ends */

Answer 1

I think that is fine but it did get converted to a smiley face you are right. This is how it looks
#topmenu #nav, #nav ul{
font-size:10.5px;
font-weight:bold;
margin:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:35px;
background-color:#006699;
width:100%;
text-align:left;
it's all on a local set up right non but I will try to pop it up and post a link.
The symptoms are easy to describe though. When you hover over a top level menu item, the list drops down under the link directly to the right.The positioning isn't random, it is exactly in line, just under the wrong heading.
In every other browser it seems to be fine.