css-driven menus using whatever:hover

hello

im very excited about your whatever:hover script http://www.xs4all.nl/~peterned/csshover.html, but im wondering if there is a way to make the css valid (according to eric meyer in "more eric meyer on css" the behavior spec isnt valid css)

instead of feeding ie through the behavior spec in the css file (that doesnt compute in other browsers), how about adding a conditional comment in the html file?

im not sure what it would look like (as im no expert) but how about <!-- [if ie]> @import url("csshover.htc") <![endif] -->?
or maybe it needs to be some form of <!-- [if ie]> <script type="text/jscript" src="csshover.htc"></script> <![endif] -->?

thank you very much
rasmus
rasmus@samtaleterapi.com
www.samtaleterapi.com

The underscore hack may be what you are looking for to make it valid and still work, since behaviour is a IE only thing.

that sounds very interesting
how can the underscore replace the invalid line "behavior(url:csshover.htc)"?

thanks
rasmus

Hmm, appears that the underscore hack doesn't help make things validate. Perhaps conditional comments would be more helpful. Use the if IE ones and write out a new <style> perhaps? Failing that you could probably write a separate JS script to add onmouseover and onmouseout events to the relevent elements. A list apart did something like that to make CSS driven menus.