als erstes die CSS ändern damit die Navi nicht mehr springt.
Gib dem Block eine feste Höhe.
Die ganzen margin-Abstände welche du eingegeben hattest sind nicht nötig.
Aber eines ist wichtig: In deiner links grafik sind die Abstände der Buttons zueinander unterschiedlich.
Ich habe folgende Abstände gemessen. Immer angefangen am oberen Rand des Buttons:
23 24 23 22 24
Da kann das ja nicht stimmen mit der Position der Links.
Code:
a.menu01 {
display:block;
width:132px;
height:22px;
text-decoration:none;
text-align:left;
font:11px arial;
margin:1px 0 0 0;
color:#FFFFFF;
}
a.menu01:hover {
display:block;
width:132px;
height:22px;
text-decoration:none;
text-align:left;
font:11px arial;
margin:1px 0 0 0;
color:#6D4AC5;
background:#FFFFFF
}
ausserdem hast du 2 oder 3x das # vor dem Farbcode vergessen.
Außerdem solltest du einen XHTML doctype verwenden.
Für XHTML muß allerdings jedes img Tag am ende so aussehen />
und jedes br muß ebenfalls so aussehen <br />
Es gibt noch ein paar andere Richtilinien, die du ebenfalls lernen solltest, wenn du mit div & co ein Layout aufbauen möchtest.
Schau mal in die Nützlichen Links unter CSS / XHTML. Dort habe ich einen Link geposted, ziemlich am Ende des Threads, der für Anfänger gut zu gebrauchen ist.
Die Seite sieht echt toll aus die du da machst.
