.droplinetabs{ overflow: hidden; border-bottom: 1px solid gray; /*underline across bottom of main tabs*/ } .droplinetabs ul{ font: bold 11px Verdana, sans-serif; margin: 0; padding: 0; width: 100%; list-style: none; } .droplinetabs li{ display: inline; margin: 0 0px 0 0; padding: 0; } .droplinetabs a{ float: left; color: white; background: #BD1031 url(leftedge.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0 0 0 0; padding: 3px 4px 4px 3px; text-decoration: none; letter-spacing: 1px; } .droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{ color: white; } .droplinetabs a span{ float: left; display: block; background: transparent url(rightedge.gif) no-repeat right top; /*right corner image*/ padding: 7px 9px 3px 6px; cursor: pointer; } .droplinetabs a span{ float: none; } .droplinetabs a:hover{ background-color: #0000FF; /*background color of tabs onMouseover*/ color: white; } .droplinetabs a:hover span{ background-color: transparent; } /* Sub level menus*/ .droplinetabs ul li ul{ position: absolute; z-index: 100; left: 0; top: 0; background: #c76023; /*sub menu background color */ visibility: hidden; } /* Sub level menu links style */ .droplinetabs ul li ul li a{ font: normal 13px Verdana; padding: 6px; padding-right: 8px; margin: 0; background: #c76023; /*sub menu background color */ } .droplinetabs ul li ul li a span{ background: #c76023; /*sub menu background color */ } .droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */ background: #714421; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }