div na divie

[paczno]

Chce umiescic trzy warstwy na sobie, tj dokladnie w tym samym miejscu. nastepnie za pomoca js wyswietlam obie na zmiane. Problem w tym, ze sa one umieszczone wewnatrz innej warstwy (bo musza byc przy lewej krawedzi tej warstwy, ktora z kolei jest dokladnie po srodku strony w poziomie)

Tu narysowałen o co chodzi - czerwony prostokat - miejsce, w ktorym maja byc lezace na sobie divy, szary - to ten 'kontener'

zrobiłem tak, że druga i trzecia maja position: relative i odpowiednio top równe -height i 2x -height, co powoduje, ze nakladają się wszystkie na siebie. Z tym, że takie działanie powoduje wydłużenie szarego boxa. Chcę, żeby było tak, że trzy sporne divy są na sobie, a szary box zachowuje wysokość równą jednemu divowi (nie trzem). Jakiś pomysł?

Dodam, ze ustawienie position: absolute powoduje, ze sie nie rozciaga w pionie, ale wtedy z kolei div nie jest przy lewej krawedzi szarego diva (w IE)

a w sumie juz sobie poradzilem. wystarczyło wpakować te trzy divy w jeszcze jednego diva z float: left i nawet IEdiota wypluwa to co reszta

[aniolekx]

Z css to jest strasznie dużo zabawy, szczególnie jak przeglądarka jest w trybie dziwactw.