Absolutně posicované pozadí

Řešení spočívá ve vytvoření absolutně posicovaných boxů pozadi (v obalu s position: relative) s rozměry 50 % na šířku a 100 % na výšku (funkční od Internet Exploreru 7). Jeden se umístí doleva (left: 0) a druhý doprava (right: 0).

z-index

Naprosto podstatné pro funkčnost je správné užití z-indexu, tj. schovat pozadí za text, ale ne za další element.

.obal {position: relative; z-index: 0}
.pozadi {position: absolute; z-index: -1}