#topnav { position: absolute; bottom:0; left:15px; margin: 0; padding: 0; width: 950px; list-style: none; z-index: 1000; } #topnav li { float: left; margin: 0; padding: 0; position: relative; } #topnav li a { float: left; text-indent: -9999px; height: 25px; } #topnav li:hover a.menu-top, #topnav li a:hover.menu-top { background-position: 0 -25px; } #topnav li a.sup-selected, #topnav li a.dev-selected, #topnav li a.pro-selected {background-position: 0 -25px;} #topnav a.support { background: url(../img/menu/support_m.gif) no-repeat; width: 110px; } #topnav a.develop { background: url(../img/menu/develop_m.gif) no-repeat; width: 115px; } #topnav a.promote { background: url(../img/menu/promote_m.gif) no-repeat; width: 116px; } #support-drop {width: 458px; height: 532px; background: #FFF url(../img/menu/red_strip.gif) 0 0; background-repeat: no-repeat; } #develop-drop {width: 458px; height: 532px; margin-left: -110px; background: #FFF url(../img/menu/develop_strip.gif) 0 0; background-repeat: no-repeat; } #promote-drop {width: 458px; height: 532px; margin-left: -225px; background: #FFF url(../img/menu/promote_strip.gif) 0 0; background-repeat: no-repeat; } #topnav li .sub { position: absolute; top: 25px; left: 0; float: left; display: none; } /*ul#topnav li .sub ul{ list-style: none; margin: 0; padding: 0; width: 150px; float: left; } ul#topnav .sub ul li { width: 100%; color: #fff; } ul#topnav .sub ul li a { float: none; text-indent: 0; /*--Reset text indent-- height: auto; background: url(navlist_arrow.png) no-repeat 5px 12px; padding: 7px 5px 7px 15px; display: block; text-decoration: none; color: #fff; } ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}*/