#nav { position: fixed; bottom: -10px; left: 7px; font-size: 12px; font-family: futura; padding: 0 0 0 0; z-index: 10000; text-transform: uppercase; text-align: center; } #nav li { float: left; position: relative; list-style: none; z-index: 10000; } /* main level link */ #nav a { font-weight: bold; color: #fff; text-decoration: none; display: block; width:250px; text-shadow: none; } #nav a:hover { color: #0ff; text-shadow: none; } /* main level link hover */ #nav .current a, #nav li:hover > a { color: #fff; text-shadow: none; } /* sub levels link hover */ #nav ul li:hover a, #nav li:hover li a { background: rgba(255,0,0,1); border: none; color: #fff; margin: 0; padding: 0px 0px; border-radius: 0px; text-shadow: none; } #nav ul a:hover { color: #0ff !important; text-shadow: none; } /* dropdown */ #nav li:hover > ul { display: block; } /* level 2 list */ #nav ul { display: none; margin: 0; padding: 0; position: absolute; bottom: 25px; left: 0; border: none; } #nav ul li { float: none; margin: 0; padding: 0; } #nav ul a { font-weight: normal; text-shadow: none; } /* level 3+ list */ #nav ul ul { left: 250px; bottom: 0; } /* clearfix */ #nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #nav { display: inline-block; } html[xmlns] #nav { display: block; } * html #nav { height: 18px; } #music_nav:hover{ background-color: rgba(255, 0, 24, 0.3); } #music_nav_sub:hover{ background-color: rgba(255, 0, 24, 0.3); } #about_nav:hover{ background-color: rgba(153, 255, 0, 0.3); } #log_nav:hover{ background-color: rgba(0, 255, 229, 0.3); } #log_nav_sub:hover{ background-color: rgba(0, 255, 229, 0.3); } #discog_nav:hover{ background-color: rgba(102, 0, 255, 0.3); } #links_nav:hover{ background-color: rgba(0, 0, 0, 0.3); }