Pure CSS horizontal menu centered on top / layout: 3 columns - header

CSS for a horizontal menu on top

#zone_top_a dl{
margin:-.2em 0 0;
padding:.25em 0;
text-align:center;
}
/* start IE_Mac hide\*/
* html #zone_top_a dl{
margin:-.5em 0 -.4em 0;/*value for MSIE 5*/
}
* html #zone_top_a dl/**/{
margin/**/:-.4em 0 0; /*value for MSIE 5.5*/
margin:/**/-.2em 0 0; /*value for MSIE 6*/
}
/* end IE_Mac hide*/

#zone_top_a dt{
margin:1px;
padding:0;
display:inline;
}
#zone_top_a dt a{
background-color:#D2E1FB;
border-left:.5em solid #E8F0FD;
border-right:.5em solid #E8F0FD;
color:#0A00B0;
padding:4px 3px 5px 5px;
text-decoration:none;
font-weight:800;
width:8.4em;
}
/* start IE_Mac hide\*/
* html #zone_top_a dt a{
width:6.5em;/*value for MSIE 5 and 5.5*/
}
* html #zone_top_a dt a/**/{
width:/**/8.4em; /*value for MSIE 6*/
}
/* end IE_Mac hide*/

#zone_top_a dt a:hover{
background-color:#A9CFFE;
color:#FFF;
}

Click on a menu to display its CSS code.
Hovering the menu will animate the links.

CSS / 3 columns / header / footer