Pure CSS vertical menu on the left n°2 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;
}

/* no effect on MSIE 5
and Konqueror */

#zone_left .content a span.left{
background-color:#D2E1FB;
padding-left:.3em;
margin-right:.3em;
}
* html #zone_left .content a:hover span.left{
display:block;
height:1%;
position:absolute;
margin-left:-.6em;
}
* html #zone_left .content a:hover{
text-indent:.6em;
}
#zone_left .content a:hover span.left{
background-color:#0A00B0;
padding-left:.3em;
margin-right:.3em;
}

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

CSS / 3 columns / header / footer