Tableless layout

[Rowland Shaw]

I basically have a layout roughly of the form:
+----------------------------------+-----------+
| A | |
+-----------+----------------------+ |
| | | D |
| B | | |
| | C | |
+-----------+ +-----------+
: | | :
[background]+----------------------+[background]

Up until now, I've had it as a table based layout (3x2 with relevent
colspan/rowspan).
I'd like to move away from this, so tried floating divs (putting A-C within
a div that is floated to the left of D, and float B within it.)

This, er, almost worked, but C and D's background and borders went under B
(and A)

So, the next plan floated everything except A

This worked to a degree:
NS4 went bizzare (no surprises there) with the page suddenly getting wider
than the screen
OP5 put in a good effort, although it's idea of auto widths and mine seem to
differ slightly (although acceptably)
NS6 was the surprising one; it seems to really throw up at the idea of
nested or stacked floating <div>s
IE6 did as I was expecting.
Lynx was happier than with tables.

So, to sum up, and vaguely turn this into a question; any other ideas on how
I can move away from tables for layout, but at the same time, not have to
specify the dimensions of anything?

Thanks for ideas...

--
Rowland

Today's random quote:
They asked Jack Benny if he would do something for the actor's orphanage -
so he shot both his parents and moved in. - Bob Hope