[css] rozwalajaca sie ramka pod IE Opcje

[gladiror]

Witam!
Mecze już tą sytuację parę godzin i dalej nie rozumiem dlaczego ten IE jest taki oporny... Chodzi o coś takiego:

[HTML] pobierz, plaintext 
<div id="tresc">
 
 
 
<div id="srodek_gora"></div>
<div id="srodek_srodek">
 
 
 
<h2>Witam Internauto na mojej stronie!</h2>
	<p>Stworzyłem własną stronę, aby móc podzielić się swoją pasja, którą są komputery i Internet ;) Na stronie znajdziecie kilka działów, które myślę, że warto przejrzeć. Sďż˝ rďż˝wnieďż˝ informacje o mnie - jak ktoďż˝ bďż˝dzie miaďż˝ czas to moďż˝e sobie poczytaďż˝ ;-)</p>
	<p>Zapraszam wi�c do przegl�dania mojej domowej stronki ;)</p>
 
	<img src="data/gmail.jpg" alt="M�j e-mail" />
 
 
 
</div>
 
<div id="srodek_dol"></div>
 
 
 
 
 
 
</div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#tresc {
	width: 603px;
	float:left;
	overflow: hidden;
	margin:auto;
	background-color:red;
}
#srodek_gora {
	background-image: URL('../gora.jpg');
	width:603px;
	height:9px;	
 
}
 
#srodek_srodek {
	background-image: URL('../srodek.jpg');
	width:603px;
	height:auto;
	padding-right:20px;
	padding-left:8px;
	float:left;
}
 
#srodek_dol {
	background-image: URL('../dol.jpg');
	width:603px;
	height:42px;	
	margin:auto;
	float:left;
}
[HTML] pobierz, plaintext 

Problem polega na tym, że obraz z srodek_gora robi sie tak jakby x3... Jest wielkosci 603x9 px co powinno ładnie wyświetlać ale w pionie pokazuje sie trzykrotnie... Pod FF i Operą dobrze wszystko działa... Macie może jakiś pomysł jak to zrobić?