Witam

Przechodząc szybko do rzeczy, mam spory problem z IE6 które nie mogę rozwiązać. Mam divy:

[HTML] pobierz, plaintext 
<div class="panel-ciemny">
      <div class="panel-ciemny-l"></div>
      <div class="panel-ciemny-tresc">Tekst</div>
      <div class="panel-ciemny-p"></div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.panel-ciemny {
    background:#171829;
    position:relative;
    width:100%;
}
.panel-ciemny-l {height:100%;width:2px;background:url(img/panel-ciemny-boki.png) 0px 0px;position:absolute;top:0;left:0;}
.panel-ciemny-p {height:100%;width:2px;background:url(img/panel-ciemny-boki.png) 2px 0px;position:absolute;top:0;right:0;}
.panel-ciemny-tresc {padding:5px;font:normal 10px/14px Verdana,Arial,sans-serif;color:#fff;}
[HTML] pobierz, plaintext 

I oczywiście każda przeglądarka wyświetla to dobrze, prócz IE6. On w ogóle do height:100%; nie liczy paddingu, efektem tego jest to że .panel-ciemny-l ma wysokość 100% a nie wysokość 100% + to co jeszcze dodaje padding:5px; w .panel-ciemny-tresc.

Przez to tło w .panel-ciemny-l nie jest rozciągnięte na całą wysokość tylko na wysokość taką jakby nie było tego paddingu:5px;.

http://kurs.browsehappy.pl - bugi IE, przeliczanie wymiarów.