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

  1. <div id="tresc">
  2.  
  3.  
  4.  
  5. <div id="srodek_gora"></div>
  6. <div id="srodek_srodek">
  7.  
  8.  
  9.  
  10. <h2>Witam Internauto na mojej stronie!</h2>
  11. <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>
  12. <p>Zapraszam wi�c do przegl�dania mojej domowej stronki ;)</p>
  13.  
  14. <img src="data/gmail.jpg" alt="M�j e-mail" />
  15.  
  16.  
  17.  
  18. </div>
  19.  
  20. <div id="srodek_dol"></div>
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27. </div>


CSS:

  1. #tresc {
  2. width: 603px;
  3. float:left;
  4. overflow: hidden;
  5. margin:auto;
  6. background-color:red;
  7. }
  8. #srodek_gora {
  9. background-image: URL('../gora.jpg');
  10. width:603px;
  11. height:9px;
  12.  
  13. }
  14.  
  15. #srodek_srodek {
  16. background-image: URL('../srodek.jpg');
  17. width:603px;
  18. height:auto;
  19. padding-right:20px;
  20. padding-left:8px;
  21. float:left;
  22. }
  23.  
  24. #srodek_dol {
  25. background-image: URL('../dol.jpg');
  26. width:603px;
  27. height:42px;
  28. margin:auto;
  29. float:left;
  30. }


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ć?