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 :

Code: Tout sélectionner

#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 :

Code: Tout sélectionner

<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

Code: Tout sélectionner

#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

Code: Tout sélectionner

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

[comparef]

Parfait !

Merci beaucoup...

oui la divite aigu, un vrai fléau

A bientôt,
Robin