Bonjour à tous

J'ai un menu dont les div sont des images.
Il y a un hover sur ses images

voici des bout de code

code CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
.restauration {
background-image:url(images/3.JPG);
background-repeat:no-repeat;
width:129px;
height:34px;
}
 
.restauration:hover {
background-image:url(images/3hover.JPG);
background-repeat:no-repeat;
width:129px;
height:34px;
}
puis un bout de mon XHTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<li style="width:129px;"> <a class="MenuBarItemSubmenu" href="spip.php?rubrique4"><div class="restauration"></div></a>

Donc le hic est que le validateur w3c n'aime pas ça

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<a class="MenuBarItemSubmenu" href="spip.php?rubrique4"><div class="restauration"></div></a>

il me sort :
document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag


Je ne vois pas ce que je peux faire pour remedier à cela

Merci d'avance pour votre aide