So I’ve got a bunch of images that I turned into links, and I want to have them change into a different image upon hovering. How do I go about doing this?

Each image-link is in its own div.

<div id=”work-1″>
<a href=”work-1.html”><img src=”images/work-1.gif” alt=”Work 1″ /></a>
</div>

<div id=”work-2″>
<a href=”work-2.html”><img src=”images/work-2.gif” alt=”Work-2″ /></a>
</div>

I’m also putting the style in an external css file. The only thing I’m making them do for now is just float left.