Aber überprüf doch vorher mal, ob alle aufaddierten Menü-Item Höhenwerte (LI-Element + enthaltenes A-Element)
der Höhe deines Hintergrundbildes entsprechen.
Hab ich immer wieder durchgerechnet, das passt.
Ich könnte mir auch denken, dass es vielleicht günstiger wäre, anstatt das Hintergrundbild vertikal-wiederholt dem UL-Element zuzuweisen, dies ohne Wiederholung in Bezug auf das LI- oder A-Element zu tun.
Das ist nun meine Lösung, die für die Ewigkeit gemacht ist, ich habe das background-image dem li-Tag zugewiesen und einmal mit no-repeat dem ul-Tag, damit ich an der ersten Stelle auch einen Strich habe.
ul#Navigation {
border-style:none;
border-width: 0px;
padding:5px 0 5px 0;
margin:0 0 0 0;
width: 201px;
background-color: #E1F1FB;
background-image:url(gfx/navigationlinks/spacer_menuitems.gif);
background-repeat:no-repeat;
}
ul#Navigation li {
background-image:url(gfx/navigationlinks/spacer_menuitems5.gif);
border-style:none;
border-width: 0px;
list-style: none;
margin:0 0 0 0;
padding: 0 0 5px 0;
width:201px;
}
Vielen Dank für die Hilfe,
jetzt habe ich eine saubere Lösung, die überall funktioniert und kann ich mich beruhigt ins Bett legen. ;-) Gute Nacht