[Résolu] Menu avec Rollover

Bonjour, un menu avec un tableau pour la structure et piloté en CSS.
Mon souci est double, lorsque je transforme ma balise de lien <a> en bloc avec la propriété :display: block;je perds l'alignement vertical du texte dans les cellules;
Et ensuite au survol des liens mon menu prend du volume (tout ce décalle).

Le code HTML :

<table id="header" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#">Accueil</a></td>
    <td><a href="#">Actualit&eacute;</a></td>
    <td><a href="#">Logiciel RH</a></td>
    <td><a href="#">Site emploi</a></td>
    <td><a href="#">Formations RH</a></td>
    <td><a href="#">Agence RH</a></td>
  </tr>
</table>

Le code en CCS :

<style type="text/css">
<!--
#header {
	width: 850px;
	background-color: #9966CC;
}
#header td {
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	border: 1pt solid #FFFFFF;
}
a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 20px;
}

a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #9966CC;
	border: 1pt solid #9966CC;
}

-->
</style>

Bizarre... Un p'tit conseil ne serait pas de trop, merci.
Modifié par renato (01 Feb 2007 - 09:28)