Problema css en IE8

[AJDC]

Buenas.
Sigo con mi menú ... pero tengo otro problema después de solucionar el anterior...

Tengo 2 nivels en el menu.
El nivel1 funciona bien, pero el nivel2 aparece cuando debe (al situarme sobre una opción de nivel1 si tiene opciones), pero al intentar situarme sobre una de esas opciones desplegadas, no me da tiempo, ya que se oculta de nuevo...

me dá que es cosa de incompatibilidad de alguna etiqueta css y IE, ya que es ahí donde no fucniona.

Ayuda, por favor....

Os dejo el código css

Código:

* { margin: 0px;
padding: 0px;
outline: 0;
}
html, body { width: 100%;}




body {
font-family: Calibri;
}

#menu {  text-align: center;
font-size: 0.7em;
width: 962px;
margin: 0px auto;
/*vertical-align: middle;*/
}

#menu ul { list-style-type: none;}

#menu ul li.nivel1 { float: left;
width: 162px;
margin-right: 0px;
}


#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #44707D; /*Color de fondo del nivel que sea*/
/*border: solid 1px #fff; *//*Color de los bordes de las celdas*/
border-top: solid  #ffffff 0px;
border-right: solid  #ffffff 1px;
border-bottom: solid  #ffffff 0px;
border-left: solid  #ffffff 0px;


padding: 8px;
position: relative;
}

/*PARA ASPECTO SIMPLE DEL NIVEL 2*/
#menu ul li.nivel2 a.nivel2 {display: block;
text-decoration: none;
color: #fff;
background-color: #939393; /*Color de fondo del nivel que sea*/
border: solid 1px #fff;
padding: 1px;
position: relative;
margin: 3px;
}




#menu ul li:hover {position: relative;
display: block;
}


#menu ul li a:hover, #menu ul li:hover a.nivel1 {
background-color: #5CC9BA; /*Color sobre nivel1*/
color: #000;
position: relative;
}


/*#menu ul li a.nivel1 {display: block!important;display: none;   */
#menu ul li a.nivel1 {display: block;
position: relative;
}

#menu ul li ul {display: none;
}


#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}

/*NIVEL 2*/
#menu ul li ul li a {width: 200px; /*Aspecto normal  - Ancho de las celdas de nivel2*/
padding: 6px 0px 8px 0px;
border-top-color: #000;
}

#menu ul li ul li.nivel2 a.nivel2:hover {border-top-color: #000;   /*Aspecto cuando es hover  .. Color sobre nivel2*/
position: relative;
background-color: #646464;
color: #fff;
border: solid 1px #fff;
}
/*FIN NIVEL 2*/


table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

El html de la lista...

Código HTML:

<div id="menu">
    <UL> <!-- The strange spacing herein prevents an IE6 whitespace bug. -->
        <LI class="nivel1"><a href="#" TARGET="_self" class="nivel1">la empresa</a>
            <UL>
                <LI class="nivel2"><a href="vOpcionesMenuxID/633DEA748C5ED6C5C1257830003B58F2?OpenDocument" TARGET="_self" class="nivel2">presentación</a></LI>
                <LI class="nivel2"><a href="vOpcionesMenuxID/163B031766956115C1257830003B6E84?OpenDocument" TARGET="_self" class="nivel2">misión</a></LI>
                <LI class="nivel2"><a href="vOpcionesMenuxID/A97F7A16EF2340EBC1257830003B7378?OpenDocument" TARGET="_self" class="nivel2">visión</a></LI>
                <LI class="nivel2"><a href="vOpcionesMenuxID/EE4E015945F4DCD4C1257830003B778C?OpenDocument" TARGET="_self" class="nivel2">valores corporativos</a></LI>
                <LI class="nivel2"><a href="vOpcionesMenuxID/FF6C0E866A4156F0C1257830003B7E0C?OpenDocument" TARGET="_self" class="nivel2">sectores</a></LI>
            </UL>
        </LI>
        <LI class="nivel1"><a href="$$ViewTemplate for wvNoticiasWeb?Open" TARGET="_self" class="nivel1">noticias</a></LI>
        <LI class="nivel1"><a href="wfUnete?Open" TARGET="_self" class="nivel1">únete a nosotros</a></LI>
        <LI class="nivel1"><a href="vOpcionesMenuxID/F6D80F21D406421AC1257830003B320F?OpenDocument" TARGET="_self" class="nivel1">intranet</a></LI>
        <LI class="nivel1"><a href="vOpcionesMenuxID/CC950127AA0A66EAC1257830003B35C0?OpenDocument" TARGET="_self" class="nivel1">contacto</a></LI>
    </UL>
</DIV> 

[AJDC]

Al parecer es que, como dejo un padding y borde entre las opciones del nivel2.. en IE parece que está en el "aire" y oculta el menu.. Mientras que en el rtestio, el espacio "vacio" lo considera parte del nivel2

Código:

/*PARA ASPECTO SIMPLE DEL NIVEL 2*/
#menu ul li.nivel2 a.nivel2 {display: block;
text-decoration: none;
color: #fff;
background-color: #939393; /*Color de fondo del nivel que sea*/
border: solid 1px #fff;
padding: 0px;  /*padding: 1px;*/
position: relative;
margin: 0px; /*margin: 3px;*/
}

De esta forma.. juntitos.. si funciona... pero claro, yo quiero darle una separación ....