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:

[Toelupe]

Non sò dove sbattere la testa

[sergejpinka]

Ciao,

senti per il sottoscritto: Toelupe, potresti inviarmi il link o il file su cui vi è questo problema? perchè (rpete per me non so gli altri) leggere così il CSS non è che mi rimanga così facile. Se potessi, appunto, inviarmi l'URL del problema, o il file contenente il problema suddetto lo gradirei. Poi farò il possibile!

Ciao e a presto!

[Toelupe]

Prima di tutto grazie per la risposta

La pagina la puoi trovare provvisoriamente quì