Hallo!
wie gesagt: es funktioniert. Aber "macht man das so"?
Wenn die "Balken" wirklich in Pixel bemessen sind würde ich es so machen:
#three_bars {
background:#farbe1 url(two_colors.gif) repeat-x;
}
two_colors.gif besteht aus 2 Balken, die Hintergrundfarbe wird darunter angezeigt.
Vorteil: nur 1 Kontainer mit 3 Hintergrundstreifen/-farben über die man noch bequem andere Sachen platzieren kann.
Grüße, Matze