Dreamweaver rollover image help!?

How can I make a rollover image that doesn't have the same size? I mean for example, the primary pic is 200 x 50... how do I make the rollover image a 300 x 70?.. is it possible?

 

Simple css hover declaration should do the trick.

 

answer

standard
.class {width: 200px; height: 50px}

hover
.class:hover {width: 300px; height: 70px}

If you need this to work for ie6, you will need to use js, as the hover pseudo class cant be used on things that arent anchors.

A

 

Or simply wrap your images in an anchor tag and do declaration a:hover img{}