Pure CSS vertical menu on the right / layout: 3 columns - header

CSS for the vertical menu on the right

#menu_right{width:9em;text-align:center;position:relative;}
#menu_right div{position:relative;}
#menu_right a,#menu_right a:visited{
text-decoration:none;
background-color:#D2E1FB;
color:#0A00B0;
font-family:"courier new", "sans serif";
font-weight:bold;
display:block;
width:8em;
height:1.9em;
font-size:.85em;
border:1px solid #fff;
padding:5px;
}
#menu_right div a span{
visibility:hidden;
background-color:#D2E1FB;
position:relative;
z-index:10;
}
#menu_right div a span.blk{
background-color:#E9F5FE;
border:1px solid #0A00B0;
display:block;
}
#menu_right div a:hover span{
/*width:100px;*/
visibility:visible;
}
* html #menu_right div a:hover{
color:#0A00B0;
height:1%;
}
/* start IE_Mac hide\*/
* html #menu_right div a:hover{
width:8.1em;/*value for MSIE 5*/
}
* html #menu_right div a:hover/**/{
width/**/:8em; /*value for MSIE 5.5*/
}
/* end IE_Mac hide*/

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

CSS / 3 columns / header / footer