Mam bardzo prosty lightbox:
  1. .czarne_tlo
  2. {
  3. display: none;
  4. position:fixed;
  5. top: 0%;
  6. left: 0%;
  7. width: 100%;
  8. height: 100%;
  9. background-color: #000000;
  10. z-index:1000;
  11. filter: Alpha(opacity=50);
  12. opacity: 0.5;
  13. }
  14. .biala_tresc
  15. {
  16. display: none;
  17. position:fixed;
  18. top: 25%;
  19. left: 25%;
  20. width: 300px;
  21. height: 200px;
  22. padding: 16px;
  23. border: 1px ;
  24. background-color: #ffffff;
  25. z-index: 1001;
  26. overflow: auto;
  27. }
  28. </head>
  29. <p>Bla bla bla jakis tekst na stronie. Aby wyświetlić lightboxa na stronie kliknij: <a href = "java script:void(0)" onclick = "document.getElementById('normalny').style.display='block';document.getElementById('przejscie').style.display='block'">TUTAJ</a>
  30. </p>
  31. <div id="normalny" class="biala_tresc">
  32. To jest treść lightboxa. Jakiś sobie tekst. Kliknij, aby <a href = "java script:void(0)" onclick = "document.getElementById('normalny').style.display='none';document.getElementById('przejscie').style.display='none'">ZAMKNĄĆ</a>
  33. </div>
  34. <div id="przejscie" class="czarne_tlo">
  35. </div>
  36. </body>


dziala bez problemów pod firefoxem, operą i innymi, ale pod explorerem zamiast całego "zaciemnionego tła robi mi tylko wąski pasek, zamiast całego zaćiemnionego tła pod spodem.
W czym problem i jak go można naprawić?