For det første hedder det a:hover, ikke a.hover. For det andet er det ikke valid html at have et div-tag indeni et a-tag.
det du istedet skal gøre er:
<div id="forside"></div>
og
#forside:hover{
background-color:#fff;
}
Bemærk dog at Internet Explorer 6 ikke kan finde ud af :hover på andet end a-tags, men at understøtte IE6 er også bare for åndssvagt. Hvis du vil lave det så det også virker i IE6, er du ganske enkelt nødt til at bruge javascript.