Page 1 of 1

IE margin problem.

Posted: Thu Feb 08, 2007 2:23 pm
by JellyFish
I have this div that's has style properties to:

Code: Select all

position: absolute; 
top: 0px; 
left: 0px; 
width: 100%; 
height: 100%; 
background-color: black; 
opacity: .25; 
moz-opacity: .25; 
filter: alpha(opacity=25);
Works with Firefox and Opera but doesn't work in... You probably guessed... IE... :cry:

In IE there's a space on the right side of this div as if the "width: 100%;" didn't do the trick. I know it's because I have margins on both left and right sides of my page that together would equal the amount of pixels this space is.

So basically I need to figure out how to step around this margin problem with IE. I guess elements in IE that have position set to absolute doesn't allow it to ignore the body's margins, like Firefox and Opera do.

Thanks for readin', I appreciate any help on this. :D

EDIT: Okay, to be more straight forward, how do I make a div that covers the whole screen, including vertical scrolling???