#menubar {
 font-size: 100%;
 float: left;
 text-align : left;
 width: 14em;
 padding: 4em 0 12em;
 border-right: 2px solid #7c7a7f;
}
#menubar ul {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 14em; /* Width of Menu Items */
}
/* Styles for Menu Items */
#menubar ul li a {
 display: block;
 text-decoration: none;
 color: #000;
 background: #b9c3ce; /* IE6 Bug */
 border-left: 0.8em solid #3d3a40;
 border-bottom: 1px solid #7c7a7f;
 padding: 0.3em;
}
#menubar ul li a.prods {
 padding-left: 1em;
 color: #000;
 background-color: #d7e1ed;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li a { height: 1%; }
/* End */
#menubar ul li a:hover {
 color: #000;
 background: #ffdeae;
 border-left: 0.8em solid #ffa500;
 }
/* Hover Styles */
#menubar li:hover ul, li.over ul { display: block; } /*  The magic */
/* Many thanks Saprany c_i_t_y_s_i_g_n.  :) */