Problème code css menu horizontal

Bonsoir,

j'ai un problème avec un code css que j'ai téléchargé pour créer un menu horizontal, ça marche impeccable sur firefox mais ne fonctionne pas sur internet explorer, quelqu'un aurait il une idée d'où peux provenir ce problème.
en vous remerciant de m'avoir lu

cordialement
mark



#navigation {
margin-left:3;
padding: 0;
clear:both;
width:894px;
height:51px;
background: #d6eaf8 url(images/dropdown-bg.gif) repeat-x left top;
}


ul.nav-main,
ul.nav-main li {
list-style: none;
margin: 0;
padding: 0;
}


ul.nav-main {
position: relative;
z-index: 597;
}

ul.nav-main li:hover > ul {
visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
position: relative;
z-index: 599;
cursor: pointer;
background: url(images/dropdown-bg-hover.gif) repeat-x left top;
}



ul.nav-main li {
float:left;
display:block;
height: 51px;
color: #999;
font: 14px Arial, Helvetica, sans-serif;
background: url(images/separator.gif) no-repeat right center;
}

ul.nav-main li a {
display:block;
padding: 16px 16px 0 16px;
height: 35px;
color: #999;
font: 14px Arial, Helvetica, sans-serif;
text-decoration:none;
}

ul.nav-main li a:hover {
color:#D6D6D6;
}



ul.nav-main *.list {
padding-right: 22px;
background: url(images/navigation-arrow.gif) no-repeat right top;
}



ul.nav-sub {
visibility: hidden;
position: absolute;
padding:10px;
top: 48px;
left: 0;
z-index: 598;
background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}


ul.nav-sub li {
list-style:none;
display:block;
padding: 0;
height: 27px;
float: none;
width:145px;
border-bottom: 1px solid #5a5a5a;
background: none;
}

ul.nav-sub li a {
list-style:none;
display:block;
padding: 6px 5px 6px 5px;
height: 15px;
float: none;
width:145px;
background: none;
font: 12px Arial, Helvetica, sans-serif;
}