horizontale Navigation, Internet Explorer, Unterkategorien

[inch]

Hallo zusammen,

bei der horizontalen Navigation werden in Interner Explorere die Untekategorien nicht angezeigt, in Safari und Firefox passt alles bestens).
Seite: www.dihstelhoff.de/redaxo4

anbei die CSS:
.menu {
font-family: verdana, sans-serif;
width:822px; /* (1) */
position:relative;
font-size:12px;
font-weight: bold;
padding-bottom: 0px;
margin-left: -1px;
z-index:100;

}
.menu ul { /* UL Ebene 1 */
padding:0;
margin:0;
list-style-type: none;
}

.menu ul li { /* Listenelemente der Ebene 1 */
float:left;
position:relative;
margin: 0px;
width: 135px;
height: 30px;
line-height: 11px;
background-color: #2173a5;
color: #bdd6f7;
padding-top: 3px;
border-right: 1px #bdd6f7 solid;
border-left: 1px #bdd6f7 solid;
}

.menu ul li a,
.menu ul li a:visited { /* Links der Listenelemente der Ebene 1 */
display:block;
text-decoration:none;
background:#2173a5;
width:135px; /* Breite von (.menu)/(Anzahl der Punkte)-(1Px) --> (1) */
height:27px; /* (2) */
color: #bdd6f7;
padding-top: 3px;
line-height: 11px;
text-align: center;
}

* html .menu ul li a, .menu ul li a:visited {
width:135px; /* für 'normale' Browser */
w\idth: 135px; /* für IE */
}


.menu ul li ul {
display: none;
}


table {
margin-top: -5px;
margin-left: -1px;
border-collapse: collapse;
font-size:0.9em;
}



/* li:hover für non-IE-Browser ---
a:hover für IE */
.menu ul li:hover a,
.menu ul li a:hover
{color:#2173a5;
background: #bdd6f7;
}


.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block;
position:absolute;
}

* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}


.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul
{
visibility:hidden;
position:absolute;
height:0;
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
background: #bdd6f7;
color: #2173a5;
height:27px;
width:135px;
font-size:12px;
font-weight: bold;
}
* html .menu ul li a:hover ul li a {
width:135px;
w\idth: 135px;
}

.menu ul li:hover ul li a.drop, /* Ebene 2 mit Subpunkten */
.menu ul li a:hover ul li a.drop {
font-size:12px;
font-weight: bold;
background:#bdd6f7;
}

.menu ul li:hover ul li a:hover, /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
visibility:visible;
font-size:12px;
font-weight: bold;
background: #bdd6f7;
color: #2173a5;
}


Gibt es irgeneine Lösung?
Danke!