this.className vs. class:hover

[johnnyk]

Is there any difference between using:

[code]div {
css
}
div:hover {
different css
}

<div>asdf</div>[/code]

AND

[code]div {
css
}
div.different {
different css
}

<div onmouseover="this.className='different'">asdf</div>[/code]

The only differece I know of is that the first one doesn't work in IE6...but fuck IE6 it's a piece of shit (IE makes me angry). Besides that is there any difference?

[fenway]

It's a known bug... IE has 90% market share, so FF should be the "hack", not the other way around.

[ToonMariner]

ie 7 supports :hover on all elements and i guess pretty much everyone with ie6 will upgrade within the nxt couple of months - after all theres no reason not to.

Better to not have javascript alter the pages design - just leave js for effects and data checking etc etc. Keep the 'look' of your site to css and you'll have a forwards compatable site that won't break when a new version of the standards compliant browsers are released.