Trucos en las hojas de estilo (CSS) para Internet Exprorer (IE)

[webn...@gmail.com]

Éste tema lo he creado para escribir exclusivamente trucos para IE al
usar las hojas de estilo.
En documentos XHTML 2.0 podemos poner atributos href al elemento <li>,
así como a muchos más elementos. Pues todo elemento que tenga href
tiene eventos en las hojas de estilo tales como :hover, :active,
:visited, :focus, :link, etc.
Encontré un truco para el evento :hover en el elemento <li>, con
navegadores de la familia Gecko, esto es posible:
ul li:hover{
/* reglas aquí .... */
}
mientras que para Internet Explorer, en versiones inferiores al 7.0,
esto no es posible, por tanto, si queremos que ésto suceda, podemos
poner en la hola de estilo lo siguiente:
ul li
{
_iehack1: expression(this.onmouseover = new
Function("_iehack=this.className;this.className+=' hover';"));
_iehack2: expression(this.onmouseout = new
Function("this.className=_iehack;"));
}

Lo que hace esta regla es añadir el valor "hover" al atributo "class"
del elemento "<li>", para luego poder usar de la siguiente forma:
ul li.hover{
/* reglas aquí .... */
}

Y eso es todo el chiste :). Ojo que también puedes hacer lo mismo para
cualquier elemento, pero no abuuuses.... :P