ciao a tutti,
sto provando a far funzionare une semplice menu che tenga evidenziata la voce della pagina aperta (in realtà viene aggiornato un solo div sul lato destro della schermata) in rosso.
il menu funziona egregiamente sugli ultimi mozilla e chrome, ma ie non vuole saperne.
non riesco a capire se si tratti di una cattiva interpretazione del css o è il codice js che fa casino (uso jquery), per cui non so neppure se sto postando nella sezione giusta.
il codice HTML è:

codice:
<ul id="menutab" >
	<li id="li1" onclick="setActiveMenu('li1')">home
	<li id="li2" onclick="setActiveMenu('li2')">l'idea
	<li id="li3" onclick="setActiveMenu('li3')">lo sviluppo
	<li id="li4" onclick="setActiveMenu('li4')">promozioni
        <li id="li5" onclick="setActiveMenu('li5')">operazione fedeltà
        <li id="li6" onclick="setActiveMenu('li6')">punti vendita
        <li id="li7" onclick="setActiveMenu('li7')">newsletter
        <li id="li8" onclick="setActiveMenu('li8')">info franchising[/list]

mentre quello js è:

codice:
<script type="text/javascript">
	$(document).ready(function(){
		$('#menutab > li').bind('mouseenter mouseleave', function() {
			$(this).toggleClass('entered');
		});
	});
	function setActiveMenu(voce){
		$('#menutab > li').removeClass('selected');
		$('#' + voce).addClass('selected');
		return true;
	}
</script>

e le regole CSS:

codice:
#menutab {
	position:relative;
	width:120px;
	font-size: 9px;
	font-family: arial, helvetica, sans-serif;
	margin: -10px 0 0 -30px;
	text-align:left;
	color:#000;
}
#menutab ul {margin:0; list-style-image:none; list-style:none;}
#menutab li {margin:0px 3px 6px 0px; cursor:pointer; list-style-position:inside; display:block;}
#menutab li a {text-decoration:none; color: #000;}
#menutab li.selected a:link {color: #f00; font-size:10px;}
.selected {}
.entered {}
quale potrebbe essere il problema?

grazie a tutti.