.suckertreemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .suckertreemenu ul li{ position: relative; display: inline; float: left; width:15%; background: green; } /*Top level menu link items style*/ .suckertreemenu ul li a{ display: block; width: ; /*Width of top level menu link items*/ padding: 3px 3px; border: 3px solid orange; border-left-width: 1; text-decoration: none; background:black; color: white; font: bold 60% Tahoma; } /*Sub level menu*/ .suckertreemenu ul li ul{ left: 0; top: 0; border-top: 1px solid ; position: absolute; display: block; visibility: hidden; z-index: 100; } /*Sub level menu list items*/ .suckertreemenu ul li ul li{ display: inline; float: none; } /* Sub level menu links style */ .suckertreemenu ul li ul li a{ width: 130px; /*width of sub menu levels*/ font-weight: bold; padding: 2px 5px; background:white; border-width: 1px 1px 1px 1px; color:green; } .suckertreemenu ul li a:hover{ background: url(menubgover.gif) center center repeat-x; } .suckertreemenu ul li ul li a:hover{ background: gold; } .suckertreemenu .arrowdiv{ position: absolute; right: 0; background: transparent url(menuarrow.gif) no-repeat center left; } * html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/ padding-top: 1em; } /* Holly Hack for IE \*/ * html .suckertreemenu ul li { float: left; height: 1%; } * html .suckertreemenu ul li a { height: 1%; } /* End */