Tableless Layouts: Having problems scaling height/width. Help me PLEASE!!!

[JSDN_UK]

First of all, thanks for clicking!!

What i'm trying to do is replicate the layout found at PositionIsEverything (see link below) but with a scalable tableless interface (i.e. width:100%)

http://www.positioniseverything.net/piefecta-rigid.html

I've found a number of resources online, but have yet been unable to bring it all together. The problems I'm having at the moment are:

1. I cannot stretch the columns (i.e if one column is longer than the others, the rest should stretch accordingly)

2. I'm having a great deal of trouble placing the footer correctly on the page. Also in IE the content of the footer is not appearing centred?!?

I've uploaded my work-in-progress to my website.

http://www.aestheticnet.com/enfield/index_div.html

I have also attempted to modify Cleva Treva's generated source, but have had difficulties setting the width to 100%

http://www.aestheticnet.com/enfield/index_div2.html

Any help/advice/tips/resources/tricks/code/whatever would be absolutely amazing. I feel like i'm going crazy!!!

Many Thanks...

[ray326]

Looks to me you need this.

http://www.alistapart.com/articles/holygrail