So I'm trying to go table-free on my latest project but having some problems. I'm trying to duplicate a layout that was quite easy to create using tables. See here:

http://leifm.com/bronwen/tabular_sample.html

I'm not quite sure how to go about it. I know I saw something somewhere the other day about how a <div> could bust out of it's parent, but I can't remember where I saw the article. (I thought this might be good for the vertical column in my layout.)

The criteria for my layout:
- must be centred (this seems to be especially tricky)
- must be liquid (grow/shrink acconding to screen resolutions and brower window sizes)

The table-based example that I did up achieves both of these things and I can't figure out how to do the same with CSS. Can anyone help?

Cheers.

(Oh, and I'm not worried about creating the horizontal nav menu that I want. Listamatic has been very helpful in this regard. The one on the sample page is just basically a place-holder.)

Thanks for the feedback, climaxdesigns. I think I see where you're going with it but I just can't seem to make it work. The sidebar doesn't show up unless I remove the right:75%; See here. Would it matter that I'm using Safari?