Aide a:hover barre de menu - site internet

Bonjour,

Aidez-moi, c'est le dernier bug que j'ai pour finaliser mon site !!!

Pour ma barre de menu, j'aimerai que lorsque ma souris passe sur l'onglet présentation, le fond devient blanc, et redevient gris lorsque ma souris n'est plus dessus.
Pour le texte c'est bon !

ci-dessous une image explicative de ce que j'aimerai faire :

http://hpics.li/dcc1ac9

ci-dessous une image de la propriété de ma page web :

http://hpics.li/fbf661f

Voici ci dessous le code que j'ai mis :

#apDiv1 {
	position:absolute;
	left:31px;
	top:235px;
	width:124px;
	height:34px;
	z-index:1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	}


dans body :

<div id="apDiv1"><a href="index.html" >PRÉSENTATION</a></div>

Je vous remercie pour vos réponses...