I am SICK and TIRED of having this stupid issue. I have a very simple page. A background image which fits the entire browser with:
position: absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:0;
And I also have a blasted table which has two lines and a small image. The problem is that when I re-size the page, HUGE white regions appear to the right and the bottom! Why does this happen?! Here is the code for the table. Please tell me how should I get around this without breaking anything.
#text
{
position:absolute;
z-index:2;
font-family:Times New Roman;
font-size:32px;
color:#FFF;
top:auto;
text-align:center;
width: 100%;
border: 5px hidden;
overflow: hidden;
}
Thanks,
C