Li:hover Question

#leftcolumn ul ul li:hover{
background: #8dd24d;
}

When i do that in FF, the code works fine and when i hover over the li - the background changes. But in IE6, it doesn't seem to work - is there another setting for li: that applies to IE6 aswell?

 

I need the answer for this question too
waiting for css experts...
btw- is this working on IE7?

 

The problem is that IE6 only supports :hover on anchor tags (a) not on lis. the best workaround for this is to use JavaScript to enable that support. Try the Whatever:hover javascript: http://www.xs4all.nl/~peterned/csshover.html#changes.

IE7 does support :hover on tags other than anchors. Are you having a problem in IE7, dvirhazout?

 

I've read the page and understand how exactly it works, but when i put behavior:url("../htc/hover.htc"); it didn't work. Is that the right way to implement it? The CSS file is in /Template/, the .htc file is in /Template/htc/.

 

Yes, it is the right way.
You can see how it's working on my websites:
http://dkameleon.com (second menu item on top)
http://currex.ru (third menu item)
Here is used inclusion:

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

Code (markup):

PS. May be you have some browser limitations enabled?

PPS. Just noticed. Looks like you have to manu points in path. Should be:
behavior:url("./htc/hover.htc");
or you can try from root:
behavior:url("/Template/htc/hover.htc");

 

I managed to get it to work:

Though i don't know how to shorten the url down, as everything i try it doesn't work again.

EDIT: Fixed.. Thanks both of you! +rep.

 

You also need to make sure that the server is configured to send the proper MIME type to Internet Explorer 6. Also note that you do not need conditional comments to serve the file - just using the * html hack to serve the .htc file will work (not to mention saving code and cutting down on needless HTTP requests).