CSS : changement au passage de la souris

[comparef]

Bonjour,

Dans l'exemple suivant :
http://www.wifeo.com/test.html

Je voudrais que lorsqu'on passe sur le lien, d'une part l'arriere plan devienne orange sur toute la surface du cadre (et pas seulement sur l'arriere plan du texte) et d'autre part que le cadre gris disparaisse (ou devienne blanc).

J'ai essayé pas mal de chose depuis ce matin mais je n'y arrive pas (je ne connais pas bien le langage utilisé pour definir les styles.

Voici ce qui est mis dans ma feuille de style :

#menu {
border-style:solid; 
border-width:2px; 
border-color:#EAE8E8;
height:100%;
width:97%;
}
#menu a:hover { 
background-color:#FF6600;
border-color:#FFFFFF;
background-repeat:repeat;
}

et dans la page :

<table width="100%"  border="0" cellspacing="5" cellpadding="0">
<tr><td width="100%">
<div id="menu">
<div align="center">
<strong>
<a href="test.html" style="text-decoration:none;">
<font size="2" color="#333333">Lien</font>
</a>
</strong>
</div>
</div>
</td></tr>
</table>

Merci d'avance pour votre aide,

Robin

 

[jeroen]

Attention à la divite aigüe....
.css

#menu {
display: block;
border :2px solid #EAE8E8;
text-decoration:none;
text-align: center;
font-size:2em;
color: #333333;
}

#menu:hover {
background-color:#FF6600;
border-color:#FFFFFF;
}

.html

<a id="menu" href="test.html">Lien</a>

 

[comparef]

Parfait !

Merci beaucoup...

oui la divite aigu, un vrai fléau

A bientôt,
Robin