I'm sure I've got this working before, but I always forget how to do it,
because CSS isn't intuitive in this case. I got a simple 2 column layout:
<div id="container" >
<div id="left">
</div>
<div id="right">
</div>
</div>
The #container div *contains* #left and #right, thanks to the
encapsulation principle of XML. However, when I add borders or
backgrounds to the divs, it's evident that only IE gets this
relationship. The otherwise standard-conformant browsers are squeezing
in an empty #container div at the top, *before* the other two. Why is
this, and what's the workaround/sanctioned way to do it?
There's an example here for anyone to play with:
http://gusgus.cn/temp/index.html
http://gusgus.cn/temp/titlepage.css
Gustaf