I am trying to find a work around for IE6 for a ul list within a li element that appears on hover.

 

I have read up on some methods, just wanted to get some opinions on this?!!

1. Create htc-file, say, hover.htc

 

2. CSS

.ulhover li {behavior: url('hover.htc'); }

 

 

3. HTML

<ul class="ulhover">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>

You can download csshover3.htc version 3.11 hover: active: focus: from here:-

http://www.xs4all.nl/~peterned/csshover.html

 

and apply it to the body inside a conditional comment for IE6

<!--[if IE 6]>
style type="text/css">
body { behavior: url("csshover3.htc"); } 
</style>
<![endif]-->