• Rollover effect for multiquote button on vbulletin? •

How can I set up a rollover effect for multiquote button on vbulletin?

I attempted it with this...

.mq a {
display: block;
width: 78px;
height: 24px;
background: transparent url(forum/images/buttons/khaki/quickreply.gif) no-repeat;
}

.mq a:hover {
display: block;
width: 78px;
height: 24px;
background: transparent url(forum/images/buttons/khaki/quickreply_hover.gif) no-repeat;
} 

Code (markup):

<a href="newreply.php?do=newreply&amp;p=27109" rel="nofollow" onclick="return false"><img src="images/buttons/khaki/multiquote_off.gif" alt="Multi-Quote This Message" border="0" id="mq_27109" /></a>

Code (markup):

 

I'm thinking that this might be better if it's done using Javascript...