Problema con a:hover en ie6

[tonywhite]

hola, buenas noches a todos los miembros de este excelente foro, que contiene mucha ayuda pra todos, bueno antes que todo, mil disculpas sin no he posteado en el lugar correcto este tema, es que tiene que ver con un problema de un dropdown menu con superfish un plugin de la libreria jquery.
Pues nada, que parece que todo iba bien, pero al momento de correr la pagina en ie6, el background de la etiqueta a no se muestra alo ancho de todo el background de la "li" sino solo la palabra y un poco mas.

ya intente arreglarlo con un poco de javascritp en la web encontre esta solucion
en este sitio,
http://www.zoneartcss.com/webdesign/css/fix-css-loqueseahover-para-ie-6

puse en marcha la segunda opcion, y funcionó, en parte, porque ahora si se mostraba bien pero resulta, que al quitar el mouse de el ultimo item de la primera lista del submenu, (puesto que de ahi surge la siguiente sublista) el background le quedaba fijo y aunque desplazara el mouse a cualquier lado no se quitaba y si daba click en cualquier item del submenu, este también quedaba igual hasta que refrescaba la pagina.

De antemano muchas gracias a quienes puedan ayudarme.
Cualquier solucion sera bienvenida.


Bueno espero explicarme bien, pero una imagen vale mas que mil palabras, esperando asi explicarme mejor todavia:

Aqui esta la url de la imagen:

[url]http://www.uppush.com/uploads/978imagenmenus.png[/url]


o aquí está la imagen,




Este es el codigo css

Código HTML:

#main .sf-menu  li li {
 line-height:1.0;} 





#main li a,
#main li a span{
 text-decoration:none;
 font-size:15px;
 float: left;
 padding-left:20px;
 
 background-position: 0 0;
}
#main li a span{
padding-left:1px;
padding-right:20px;
background-position:right top;
cursor:pointer;
}
.sf-menu  li.current a,
.sf-menu  li.current a span{
background-image:url(images/botonnav4.png);
 }
.sf-menu li a:hover,
.sf-menu li a:hover span{
background-image:url(images/botonnav4.png);
}
.sf-menu li li a:hover{
background-image:none;}
#main{
margin-left:200px;
 float:left;
 display:inline;
 line-height:78px;
 text-transform:uppercase;  }
 
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#main ul.main2 {
line-height:1.0;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			4.9em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu  ul a {
	
	padding: 		.75em 1em;
	text-decoration:none;
}

.sf-menu li li{
background:#ccdd55;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
#main li li a {
font-size:14px;
}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{ outline:0}
.sf-menu li li:hover,.sf-menu li li.sfHover,.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active{background:#000;}