Rollover Image?

So check those DAD's Rules,Starter Guide etc. buttons:
http://darkarmeddragon.motionforum.net/

How i can make the image of each one of them change when the mouse is on it?

No, no i mean these:

First go to the widget and wrap them in a div tag.

Code:

<div id="navbarright"> </div>

Next go to your css and add

Code:


#navbarright:hover{
opacity: .5;
-moz-opacity: .5;
-webkit-opacity: .5;
-o-opacity: .5;


This should work fine.

In case you didn't notice, add a } at the end of Dex's code provided so you won't get any error or if you've not noticed

Kay thx Dex and Frances.