Menu CSS vertical à gauche avec erreur d'arrondi / 3 colonnes avec en-tête et pied de page

CSS pour un menu vertical à gauche avec un problème d'arrondi pour Mozilla (avant révision 1.8b4)

#zone_gauche dl{
margin:-5px;
padding:0;
}
#zone_gauche dt{
margin:1px;
padding:0;
}
#zone_gauche dt a{
background-color:#D2E1FB;
border-left:.5em solid #E8F0FD;
border-right:.5em solid #E8F0FD;
color:#0A00B0;
display:block;
/*padding:4px 3px 5px 5px;*/
line-height:1.7em;/*erreur d'arrondi avec Mozilla*/
text-decoration:none;
font-weight:800;
width:8.9em;
}

/* Caché pour IE_Mac - début\*/
* html #zone_gauche dt a{
width:10em; /*valeur pour MSIE 5*/
}
* html #zone_gauche dt a/**/{
width/**/:100%; /*valeur pour MSIE 5.5*/
width:/**/8.9em; /*valeur pour MSIE 6*/
}
/* Caché pour IE_Mac - fin*/

#zone_gauche dt a:hover{
background-color:#A9CFFE;
border-right:.5em solid #000;
/*border-left:.5em solid #E8F0FD;*/
color:#FFF;
}

Cliquez sur un des menus pour afficher son code CSS.
Passez le curseur sur les rubriques pour animer les liens.

CSS / 3 colonnes / en-tête / pied de page