<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>>List item 4</li>
</ul>
onmouseover
is required in HTML documents!li {
behavior: expression(function (el) {
el.onmouseover = function () { this.className += ' HOVER' };
el.onmouseout = function () { this.className = this.className.replace (/\\s*HOVER\\b/g, '') };
runtimeStyle.bahavior = 'none';
} (this));
}
li:hover /* For CSS compliant user agents */,
li.HOVER /* For WinIE */ {
color: red;
background-color: white;
}
Replace three HOVERs if
you don't like this class name.