Pure CSS vertical menu on the left n°3 without list / layout: 3 columns - header

CSS for a vertical menu on the left without list (not recommended)

#zone_left .content{
margin:2px 0 0 10px;
padding:0;
}
#zone_left a{
background-color:#D2E1FB;
border:1px solid #000;
color:#0A00B0;
display:block;
padding:4px 3px 5px 5px;
margin:-1px 0 0;
text-decoration:none;
font-weight:800;
width:8.4em;
}

/* start IE_Mac hide\*/
* html #zone_left a{
width:9em; /*value for MSIE 5*/
}
* html #zone_left a/**/{
width/**/:100%; /*value for MSIE 5.5*/
width:/**/8.4em; /*value for MSIE 6*/
}
/* end IE_Mac hide*/

#zone_left a:hover{
background-color:#A9CFFE;
color:#FFF;
}
#zone_left a span{
visibility:hidden;
color:#0A00B0;
padding:0 .3em 0 .2em;
}
#zone_left a:hover span{
visibility:visible
}

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

CSS / 3 columns / header / footer