Ich bau dir das ganze mal flott zusammen. Quellcode kommt gleich. 5 Minuten
Edit:
HTML Code:
* {
margin:0px;
padding:0px;
}
body, html {
background-color:#C1CDCD;
}
#head {
border:1px solid #600;
background-color: #FFC;
width: 90%;
height:auto;
overflow:auto;
padding:5px 5px 5px 5px;
margin:auto;
}
ul {
list-style: none;
margin:auto;
width:317px;
}
li {
float: left;
width:auto;
height:auto;
padding: 2px 10px 2px 10px;
background: #C1CDCD;
border: 2px solid;
margin: 0px 10px 7px 2px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
box-shadow: 5px 5px 10px black;
}
Musste bei der ul die Breite "erraten bzw. ertesten". Diese musst du natürlich jedes mal neu anpassen, wenn du einen Navigationspunkt hinzufügst oder entfernst. Ist ne Quick n Dirty Lösung und lässt sich mit Grafiken, festen Breiten und Höhen um einiges besser "verwalten".
Edit:
Sag bitte bescheid ob es bei dir so läuft wie gewünscht. Ansonsten schaue ich nochmal drüber und korrigiere.