For me this raises another problem: using behaviors is not standards-valid CSS.
Now I know that there is no harm done, per se, but since we 're going to all this trouble to make the HTML valid XHTML 1.0 Transitional, it follows
IMHO that we should be taking a similar approach with CSS. If I recall correctly, that's why by default the mozilla-specific rounded corners have migrated to non-default themes (
even though they are valid CSS 2!).
Similarly, the "fix block width" hack isn't implemented as a behavior for the same reason.
IMHO this kind of JavaScript should only be included after a browser detect or in a
conditional comment block. Of course you wouldn't be able to attach it with CSS, but you could still dynamically attach the mouseover/mouseout events with JS.
That said, I really don't like all this myself. The best solution would be to really cut down on the markup and visual goodies for the tabs. If we just make each tab a (block) link tag, then :hover will be respected by IE just fine. What I 'd like to see in Moodle is
this. It's not so catchy, maybe, but it works across all browsers and it's clear and appealing to the eye.
Just my two pence