Stop Using Javascript Image Rollovers and Use CSS Instead

Using javascript rollovers is so 1999. Use CSS instead. What you're hesitant? Why? Not all browsers support it you say? Too bad, they can upgrade. Even still, not everyone has javascript turned on since it's such a security risk...

Something like this should work.

<style type="text/css">

.sw33t {
background-image:url(someimage.jpg);
}

.sw33t:hover {
background-image:url(someotherimage.jpg);
}
</style>

<a href="#" class="sw33t">Mouse over me</a>