Okay. I was in the midst of trying to fix this page (http://www.freewebs.com/thirdexperiment/) - which is now fixed, thanks to the lovely help I found here - but before I asked here I went ahead and started trying to adapt it to something similar, just in case I couldn't fix the original layout. I don't actually need the new one, as I prefer the original, so don't try to break your brain with this problem or anything. It's just a quandary I have stuck in my head that I'd really, really like solved. : )

I ended up making the brush thingies into a border of sorts, using tables. Model Number One: I got this (http://www.freewebs.com/thirdexperiment/optimism/failure.html). The actual content of the page is confined to a small space, out of the way of the pictures.

Model Number Two: And I recently tried plopping the content into a div layer (results here (http://www.freewebs.com/thirdexperiment/optimism/failure1.html)), but it broke the bottom of the layout. (As you can see, the text goes beyond the bottom of the border in this version).

So what I was wondering is:
(1) Dealing with model number one, can I overlap the tables? Maybe with negative margins? I tried them a bit, but I considered that I might not know where to put the code.
(2) Or, in model number two, did I screw up the div layering? Could I get the text to stay within the border images?

And the last part: My goal is to have this presentable in any (reasonable) resolution (which is why I've used a lot of percentages).

Again, any help is greatly appreciated. My brain hurts a bit. : )

I'm not sure they can :(

Try this:


<div style="position: absolute; top: 16px; left: 12px; background-color: #CC0000">
<table width="100%">
<tr><td width="100%">hello</td></tr>
</table>
</div>
<div style="position: absolute; top: 26px; left: 72px; background-color: #0000FF">
<table width="100%">
<tr><td width="100%">hello too!</td></tr>
</table>
</div>

You can't overlap tables, but you can puta division on top of a table.