Problema menù IE9

[Dheed]

Salve,
il problema è abbastanza difficile da spiegare...non so se posso postare il link,ma il sito è questo:
Sito con errore

In pratica nel 'navigatore'-> dermocosmesi e passando sulle categorie contenenti una sottocategoria, il browser impazzisce...paradossalmente funziona su IE7 IE8 e ovviamente su Firefox,Chrome e Opera.

Il codice css è questo:

.nav-container { background:#f2f2f2;position:relative;top:-100px;z-index:998 ;width:800px;margin-right:auto;margin-left:auto }
#nav {background:#04a03b; width:100%; text-align:center; font-size:1.5em;height:50px ;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px}

/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative;left:0px; text-align:left;height:50px;}
#nav li.over { z-index:998;display:block }
#nav a{ display:block;text-decoration:none }
#nav span { display:block; cursor:pointer; white-space:none;height:30px;margin-top:10px;}
#nav li ul span {white-space:none; position:absolute;}
#nav ul li.parent a { background:#FFFFFF; }
#nav ul li.parent li a { background-image:none; }

/* 0 Level */
#nav li { float:left;height:50px; }
#nav li.active a { /*color:#FFFFFF;*/ }
#nav a { float:left;padding:0px 12px 0px 12px;text-align:left; color:#FFFFFF; font-weight:bold;}
#nav li.over a,
#nav li a:hover { /*color:#FFFFFF;*/}

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-top:1px;padding-bottom:1px; background:#FFFFFF; }
#nav ul li.last { background:#FFFFFF; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; }
#nav ul li a { font-weight:normal !important; }

/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:8.5em; top:27px; left:-10000px;border:none }
#nav div ul { position:static; width:auto; border:none; }

/* 3rd+ Level */
#nav ul ul,
#nav ul div { top:20px;filter: progid: DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=150, Strength=5) }

#nav ul li a { background:#FFFFFF}
#nav ul li a:hover { }
#nav ul li a:active{ }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span,
#nav ul li.last li span { padding:3px 15px 4px 15px; }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { display:block;left:0;margin-top:23px; z-index:998;-webkit-box-shadow: 0px 0px 5px 2px #bbbbbb;box-shadow: 0px 0px 5px 2px #bbbbbb }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; }

(è un css per magento)

[Dheed]

Nessuno? Neanche un microaiuto?

[Prill]

Ciao Dheed, la domanda è: funzionava bene in origine? Il problema nasce dall'aver apportato modifiche al css? Se è così la cosa migliore è ripartire dal file originale e testare dopo ogni cambiamento per capire cosa possa aver causato il cattivo funzionamento