Salve ho creato un menù a tab nel mio sito: (il grigio è l'hover, il bianco è quando è selezionato.)

http://www.xhost-image.net/images/20...qhv68ovjhapj26

Firefox lo visualizza proprio così. Il problema è appunto IE che lo visualizza in un altro modo:

http://www.xhost-image.net/images/20...qhv68ovjhapj26

Qualcuno può darmi una mano per adattarlo anche con IE?
Vi posto il codice:
HTML:
codice:
<div id="nav_orizzontale">
	 <ul id="menuSecondary">
	 <li class="selected">Home
	[*]Account
	[*]Percorsi
	[*]Corse
	[*]Help
	[/list]
   </div>
CSS:
codice:
div#nav_orizzontale {background-image: url(../img/sottotitle.png); height: 34px;}

/* Menu orizzonale sottotitle */
#menuSecondary{font-size: 0.9em; margin:0 0 0 3px;line-height:1em;}
#menuSecondary li{float:left; list-style: none;}
#menuSecondary a{padding-right:12px;float:left;text-decoration:none;color:#333;cursor:pointer; list-style: none;}
#menuSecondary strong{padding:13px 0 0 12px;height:21px;float:left;font-weight:normal; list-style: none;}
#menuSecondary a:hover{background:#ddd url(../img/menu_secondary_tab.png) right 34px;color:#000; list-style: none;}
#menuSecondary a:hover strong{background:#ddd url(../img/menu_secondary_tab.png) left 34px; list-style: none;}
#menuSecondary li.selected a{background:#fff url(../img/menu_secondary_tab.png) right -6px;color:#f00; list-style: none;}
#menuSecondary li.selected a:hover{background:#fff url(../img/menu_secondary_tab.png) right -6px;color:#333;}
#menuSecondary li.selected a strong,#menuSecondary li.selected a:hover strong{background:url(../img/menu_secondary_tab.png) left -6px;}
Il sito è il seguente: http://gigimex.altervista.org/log/index.php