Pure CSS horizontal menu centered at the bottom / layout: 3 columns - header

CSS for a horizontal menu at the bottom

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

#zone_bottom dt{
margin:1px;
padding:0;
display:inline;
}
#zone_bottom 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_bottom dt a{
width:6.5em;/*value for MSIE 5 and 5.5*/
}
* html #zone_bottom dt a/**/{
width:/**/8.4em; /*value for MSIE 6*/
}
/* end IE_Mac hide*/

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