.menu { position:relative; font-family: Verdana, Arial, Helvetica, sans-serif; width:151px; margin:0; font-size:11px; margin: 0; z-index: 999999999; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; width:149px; border:1px solid #F8DB83; background-color: #433828; cursor: default; } /* hack for IE5.5 */ * html .menu ul {margin-left:-16px; ma\rgin-left:0;} /* position relative so that you can position the sub levels */ .menu li { position:relative; } /* get rid of the table */ .menu table {position:absolute; top:0; left:0; z-index: 999999999; font-size:1em;} /* style the links */ .menu a, .menu a:visited { display:block; text-decoration:none; height:18px; line-height:18px; width:149px; color: #F8DB83; background-color: #433828; text-indent:5px; } .menu li.disabled a, .menu li.disabled a:hover, .menu li.disabled a:visited{ color: #0E0E0E; cursor: default; background-color: #433828; } .menu li.label{ background-color: #352D20; /*F8DB83*/ display:block; text-align: center; font-weight: bold; width:149px; color: #E0E0E0; /* 000 */ cursor: default; padding: 3px 0 3px 0; } .menu li.break{ width:149px; border-style: solid; border-color: #F8DB83; border-width: 1px 0 0 0; margin: 3px 0 3px 0; line-height:0px; } /* hack for IE5.5 */ * html .menu a, * html .menu a:visited {width:150px; w\idth:149px;} /* style the link hover */ .menu a:hover{ border-left-width: 0px; border-right-width: 0px; background-color: #806B4D; color:black; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { visibility:hidden; position:absolute; top:-1px; left:149px; }