Göra en hover på bilder med länk? (CSS)

Hej detta är vad jag vill skapa.

Jag har 6 stycken bilder på en sida som ska länka vidare till varsin ny. Samtidigt som dessa bilder länkar vill jag kunna ha en hover på dessa som gör att de blir lite ljusare när jag för musen över. Detta med hjälp av två bilder och CSS.

Har försökt att använda <ul> och <li> för att strukturera upp bilderna.

Hur ska jag gå tillväga för att göra detta på bästa sätt?


Tack !

[PHP]<div id="menu">
<a href="#" class="link"></a>
</div>[/PHP]

Css:
[PHP]
.link {
background: #fff url(bild.jpg);
display:block;
width:150px;
height:30px;
margin: 0px 0px 10px 0px;
}

.link:hover {
background: #fff url(bild2.jpg);
}[/PHP]
Gjorde det snabbt från huvudet nu så det kanske gick åt helvete. Men testa!