I am not sure why you want me to set body width/height 100%, that just gives me scroll bars and doesn't change the way my page looks.
Twanvl: Tried that. See innerBox2. That is what you mean, right?
igni: I now have what I think is the correct doctype. Still does not work.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><style>body{ width:100%; height:100%;}div.outerBox{ position:relative; top:0px; left:0px; height:100%; width:100%; border-style:solid; border-width:1px;}div.innerBox{ position:absolute; top:0px; left:0px; bottom:1px; right:1px; border-style:solid; border-width:1px;}div.innerBox2{ position:absolute; top:0px; left:0px; width:100%; height:100%; margin-right:1px; margin-bottom:1px; border-style:solid; border-width:1px;}</style></head><body><div style="width:20em; height:20em;"> <div class="outerBox"> <div class="innerBox"></div> </div></div><br><div style="width:20em; height:20em;"> <div class="outerBox"> <div class="innerBox2"></div> </div></div></body></html>