Pure CSS vertical menu on the right wit a pop up / layout: 3 columns - header

CSS for the vertical menu on the right

/*no popup with MSIE 5.0
Problem with Nescape before 7.2*/
#menu_right{width:9em;text-align:center;/*position:relative;*/}
#menu_right{position:absolute;top:2em;}/*MSIE*/
#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;
font-size:.85em;
border:1px solid #fff;
padding:5px;
}
#menu_right div a span{
visibility:hidden;
background-color:#D2E1FB;
position:absolute;
top:12em;
left:3.5em;
z-index:10;
}
#menu_right div a span.blk{
background-color:#E9F5FE;
border:1px solid #0A00B0;
left:0;
display:block;
padding:0 5px;
}
#menu_right div a:hover span{
visibility:visible;
}
#menu_right div a:hover span.blk{
width:8em;
}
* html #menu_right div a:hover{
color:#0A00B0;
height:1%;
}
/* start IE_Mac hide\*/
* html #menu_right div a:hover span/**/{
margin-left/**/:1.1em; /*value for MSIE 5.5*/
margin-left:/**/.8em; /*value for MSIE 6*/
}
/* 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