Cześć.

Mam zagwozdkę - LINK - z lewej na dole, nad reklamami jest "ESCG Arenas Popular".

[HTML] pobierz, plaintext 
<div id="arena_content">
			<div id="arena_scroll">
				<div class="arena_tab" id="arena_tab_1">
					(...)
				</div>
				<div class="arena_tab" id="arena_tab_2" style="opacity: 0; visibility: hidden;">
					(...)
				</div>
				<div class="arena_tab" id="arena_tab_3" style="opacity: 0; visibility: hidden;">
					(...)
				</div>
			</div>
			<div id="arena_scroller">
				<div class="up">
					<a class="mouseover_up" href=""><img src="images/buttons/up.png" alt="" /></a>
				</div>
				<div class="track" id="tracka">
					<div class="dragBar" id="dragBara"></div>
				</div>
				<div class="down">
				  	<a class="mouseover_down" href=""><img src="images/buttons/down.png" alt="" /></a>
				</div>
			</div>
		</div>
[HTML] pobierz, plaintext 

Div "arena_scroll" ma position: absolute i jest "poruszany" poprzez JS (scroll). Wewnątrz niego mam 3 div'y. Zawsze 2 są ukryte, jeden widoczny. Potem JS'em włączam odpowiedni. Ale żeby były jeden na drugim, muszą mieć position: absolute. Zawsze rozwiązywałem to tak, że ich div rodzic ma position: relative - ale tutaj to się nie sprawdzi, bo scroll przestanie działać.

Mogę cały kontener wymieniać, ale JS i tak się długo ładuje, a 3 scrolle to już duże obciążenie.

Jak to rozwiązać?

Według specyfikacji position:absolute działa dla każdego elementu, którego rodzic ma pozycjonowanie inne niż position:static (domyślne). Dotyczy to więc nie tylko relative, ale i absolute. Czy tak jest? Sam sprawdź...

Hah, nie doczytałem. Błąd polegał na tym że nie ustawiłem wysokości dziecka, a jego rodzic nie mógł mieć overflow: hidden. Dzięki.