[CSS] 2 tła Opcje

[Rewil]

Witam mam stronę szeroką na 1000px, po lewej potrzebuje zastosować jeden background, po drugiej drugi. No właśnie tu zaczynają się schody, jak podczepić ten drugi żeby wyświetlał się poprawnie na wszystkich przeglądarkach? Chodzi mi o zastosowanie repeat-x na 2 tlach, jednego wielkie tlo na 2000px z wycentrowaniem odpada.

http://rewil.pctk.pl/lay5/

[HTML] pobierz, plaintext 
 
.top_tlo{
	background:url('../grafika/top_tlo.png') repeat-x;
	margin:0 auto;
	overflow:hidden;
	width:996px;
}
 
.logo_tlo{
	background:url('../grafika/logo_tlo.png') no-repeat;
	width:480px;
	height:165px;
	float:left;
}
 
.top_content{
	float:left;
	height:inherit;
	overflow:hidden;
}
 
.top{
	background:url('../grafika/top_tlo.png') repeat-x;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
		<div class="top_tlo">
			<div class="top">
				<div class="logo_tlo">
 
				</div>
				<div class="top_content">
					<input type="text" value="login" />
				</div>
			</div>
		</div>
[HTML] pobierz, plaintext 

[Rewil]

No ale absolut zawsze wyrzuca wszystko na zewnątrz, a z-index odpada bo na pewno da się to uzyskać w jakiś lepszy sposób. (No chyba że ja źle coś pisze )

Żadnych pomysłów?