ich bekomme es nicht gebacken:
Hier ist meine Seite
Ich hätte gerne eine drop-down-Navigation und habe dazu folgenden CSS-Code verwendet.
Code: Alles auswählen
#mainnav { text-align: center; display: block; padding:0 20px;}
#mainnav li {position: relative;}
#mainnav a { text-decoration: none; text-align: center; display: block; }
#mainnav ul { margin-top: 5px; display: inline-block; list-style-type: none; height: 25px; background: #9e0000; }
#mainnav ul li {background: #9e0000; display: inline-block; }
#mainnav ul li a { text-decoration: none; display: block; float: left; padding-right: 10px; padding-left: 10px; margin-top: 0px; color: #cccccc; }
#mainnav ul li a.rex-current { color: #ffffff; text-decoration: underline; }
#mainnav ul li a.rex-active { color: #ffffff; text-decoration: underline; }
#mainnav ul li:hover ul {display: block; margin-top: 30px; padding: 0px;}
#mainnav ul li a:hover { text-decoration: underline; color: #FFFFFF; }
#mainnav ul ul { position: absolute; z-index: 2; display: none;}
a) nicht klickbar und
b) viel zu weit auseinander.
Was mache ich falsch? Ich hab auch schon firebug bemüht, mir fehlt aber der letzte Schritt...
Danke für eure Hilfe.