Menu tendina only css e problemi IE

[Toelupe]

Ciao a tutti,
ho un problemino con un menù a tendina, con browser conformi funziona alla perfezione, usando IE invece arriva l'inghippo ...in pratica quando vado con il mouse sopra il menù per far aprire la tendina, mi si allarga allarga anche il div dove è inserito il menù.
Il css standard è questo

/* Menù */
.menu-ont {width:120px; position:relative; margin:0; font-size:9px;float:left;padding:25px 0 0 5px;}
.menu-ont ul li a, .menu-ont ul li a:visited {padding-left:2px;display:block; text-decoration:none; color:#000;width:120px; height:15px; text-align:left; color:#fff; border:1px solid #fff; background:url(../img_site/ont_set.png) no-repeat right top gray; line-height:15px; font-size:9px; overflow:hidden;}
.menu-ont ul {padding:0; margin:0;list-style-type: none; }
.menu-ont ul li {float:left; margin-right:1px; position:relative;}
.menu-ont ul li ul {display: none;}

/* specific to non IE browsers */
.menu-ont ul li:hover a {color:#fff; background:url(../img_site/ont_set.png) no-repeat right top #006699;padding-left:2px;}
.menu-ont ul li:hover ul {display:block; position:absolute; top:16px; left:0; width:120px;}
.menu-ont ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu-ont ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu-ont ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu-ont ul li:hover ul li a:hover {background:#006699; color:#fff;}

Poi c'è la parte per IE

.menu-ont ul li a.hide, .menu-ont ul li a:visited.hide {display:none;}
.menu-ont ul li a:hover ul li a.hide {display:none;}

.menu-ont ul li a:hover {color:#fff; background:url(../img_site/ont_set.png) no-repeat right top #006699;}
.menu-ont ul li a:hover ul {display:block; position:absolute; top:16px; left:0; width:120px;}
.menu-ont ul li a:hover ul li a {display:block; background:#ddd; color:#000;}
.menu-ont ul li a:hover ul li a ul {visibility:hidden;}
.menu-ont ul li a:hover ul li a:hover {background:#006699; color:#fff;}
.menu-ont ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:120px; top:0; color:#000;}
.menu-ont ul li a:hover ul li a:hover ul.left {left:-120px;}

Questo è il codice del menù

<div class="menu-ont">
<ul>[*]Selection
<!--[if lte IE 6]>
<a href="">Selection<table><tr><td>
<![endif]-->
<ul>
[*]Link
[*]Link
[*]Link
[*]Link
[*]Link
[/list]
<!--[if lte IE 6]></td></tr></table>
</a>
<![endif]-->


</div>

E così richismo nell'header i due css

<link rel="StyleSheet" href="css/basic.css" type="text/css" media="all" />
<!--[if lte IE 6]>

<link rel="stylesheet" media="all" type="text/css" href="css/basic_ie.css" />

<![endif]-->

Dov'è che sbaglio :master: