Mam bardzo prosty lightbox:
.czarne_tlo
{
display: none;
position:fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #000000;
z-index:1000;
filter: Alpha(opacity=50);
opacity: 0.5;
}
.biala_tresc
{
display: none;
position:fixed;
top: 25%;
left: 25%;
width: 300px;
height: 200px;
padding: 16px;
border: 1px ;
background-color: #ffffff;
z-index: 1001;
overflow: auto;
}
<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> <div id="normalny" class="biala_tresc"> 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> <div id="przejscie" class="czarne_tlo">
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ć?