Issue of Maximum Height for DIV

div transparent problem when height of page more than 33000px

[jackypeh]

I have dynamic layer which is transparent, the style is as below:

#bodyS{
visibility:hidden;
position:absolute;
top:1px;
left:1px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background-color:#CCCCCC;
z-index:5;
}

i will set the height of the layer in javascript like this:-
document.getElementById("bodyS").style.height=document.body.clientHeight+'px';

when the height of the page is more than 33000px, the transparent property will not work!

Does anybody face this issue and have solution for this?

[SuzyUK]

Hi jackypeh and Welcome to WebmasterWorld!

The technicalities are above my head - but the value is actually 32768 pixels [google.com] and that search shows a lot of technical talk about mapping etc.. the figure seems like it's a constant.