.droplinebar{ overflow: hidden; } .droplinebar ul{ margin: 0; padding: 0; float: left; width: 100%; font: bold 13px Arial; /*background: #90E311 url(greendefault.gif) center center repeat-x; default background of menu bar*/ background: #90E311 url(greendefault.gif) center center repeat-x; /*default background of menu bar*/ } .droplinebar ul li{ display: inline; } .droplinebar ul li a{ float: left; color: #ff019c; padding: 9px 11px; text-decoration: none; } .droplinebar ul li a:visited{ color: #ff019c; } .droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/ color: #ff019c; background: transparent url(greenactive.gif) center center repeat-x; } /* Sub level menus*/ .droplinebar ul li ul{ position: absolute; z-index: 100; left: 0; top: 0; background: #00ff33; /*sub menu background color */ visibility: hidden; } /* Sub level menu links style */ .droplinebar ul li ul li a{ font: normal 13px Verdana; padding: 6px; padding-right: 8px; margin: 0; border-bottom: 1px solid navy; } .droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ background: #90E311; }