Powtarzalne tło strony (4 różne obrazki do powtórzenia) Opcje

[Masterson]

Witam.

Mam taki oto kod.

[HTML] pobierz, plaintext 
<table style="width:100%;margin:0px auto;">
	<tbody>
		<tr>
			<td style="background: url('/images/bg_up_left.jpg') repeat-x top right;height:100px;">
 
			</td>
			<td rowspan="2" style="width:1000px;border:1px solid;">
				TUTAJ CONTENT
			</td>
			<td style="background: url('/images/bg_up_right.jpg') repeat-x top left;height:100px;>
 
			</td>
		</tr>
		<tr>
			<td style="background: url('/images/bg_down_left.jpg') repeat top right;>
 
			</td>
			<td style="background: url('/images/bg_down_right.jpg') repeat top left;>
 
			</td>
		</tr>
	</tbody>
 
</table>
[HTML] pobierz, plaintext 

Ma posłużyć do stworzenia powtarzalnego tła, ale w każdym rogu strony innego. Tło ma być powtarzane w nieskończoność (w uzależnieniu od rozdzielczości).
To działa, ale nie do końca. Nie działa w ... IE oczywiście. Wygląda to tak jakby IE miał głęboko w powarzaniu wysokość komórek, które przeznaczone są do narysowania tła w górnej części. Domyślam się, że wynika to z tego powodu, że użyłem rowspana i IE wtedy interpretuje to kij go wie jak.

Chodzi o uzyskanie mniejwięcej takiego efektu. Pamiętajmy, że każdy kwadrat to tło z osobnym obrazkiem, a górne "kwadraty" tła mają mieć konkretną wysokość.



Może ktoś ma inną koncepcję aby to było rozciągalne i działało na każdej przeglądarce?
Dzięki i pozdrawiam

Ten post edytował Masterson 12.06.2012, 19:48:27