My first post to this list so please be gentle!
OK can anyone tell me what is going off with the following code....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
<div style="position:relative; border:5px solid green; padding:10px;
<div style="position:absolute; top:0px; left:0px; width:100%;
height:100%; border:1px solid blue">
Sorry I don't have a public website to post this on. Basically in
Firefox the inner blue div border is aligned with the inside of the
outer green border. This is what I would expect. However in IE6 the top
edge of the blue rect is aligned with the top outer edge of the green
rect, the bottom edge of the blue rect is in the middle of the green
rect and the left and right edges are inset from the green rect slightly.
I've spent ages looking round at various sites reporting IE problems and
as far as I can tell this sort of thing should not happen in strict mode
in IE6. So what am I doing wrong?
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/