Problema con el atributo colo y el evento hover

[jorgeparent]

Hola tengo un menu CSS cuyo aspecto html es el siguiente:

Código:

<div id="menu">
	<ul>
		<li><a href="<?php echo base_url() . 'admin/inicio' ?>">Inicio</a></li>
		<li><a href="<?php echo base_url() . 'admin/productos' ?>">Productos</a></li>
		<li><a href="<?php echo base_url() . 'admin/soluciones' ?>">Soluciones</a></li>
		<li><a href="<?php echo base_url() . 'admin/noticias' ?>">Noticias</a></li>
		<li><a href="<?php echo base_url() . 'admin/soporte' ?>">Soporte</a></li>
		<li><a href="<?php echo base_url() . 'admin/descargas' ?>">Descargas</a></li>
		<li><a href="<?php echo base_url() . 'admin/boletines' ?>">Boletines</a></li>
		<li><a href="<?php echo base_url() . 'admin/imagenes' ?>">Imagenes</a></li>
		<li><a href="<?php echo base_url() . 'admin/clientes' ?>">Clientes</a></li>
	</ul>
</div>

Luego como ie7 tiene algunos bugs con la pseudo-clase over lo que hago es hacerlo todo con jQuery que se supone es cross-browser.

Y tengo el siguiente codigo:

Código:

<script>
	$('#menu li')
	.hover
	(
		function()
		{
			$(this).addClass('menu-item-hover');
			$(this).css('color','#FFFFFF');
		}
		,
		function()
		{
			$(this).removeClass('menu-item-hover');
			$(this).css('color','#271A6F');
		}
	);
	
	if(jQuery.browser.version < 8)
	{
		$("#menu li").css
		({
			'lineHeight': '40px',
			'position':'relative',
			'bottom' : '13px',
			'right' : '3px'
		});
	}
</script>

Pues bien, funciona todo correcto menos el atributo "color".

He probado de mil maneras, meterlo dentro de la clase menu-item-hover, sacarlo, ponerlo como atributo... ya no se que hacer... a ver si alguien me ayuda.