Please review tableless design

http://www.redhorseoil.com

Hi

You need to set a minimum width to stop the divs in the header from overlapping when the screen size is too narrow.

I've done a few posts on how, so do an advanced search for me and min-width

Trevor

that left column is absolutely positioned right? I'd like to know how you did that

Overall site design looks good except those few problems that Treva pointed out

Yes it is... essentially there are divs for
headers - horz nav - nav(the lh column) - wrapper - content - footer which is the order they are listed in the html
the css:
#nav {position: absolute;left: 10px;
top: 120px;width: 180px;}

#wrapper {margin: 0px 0px 0px 200px;
background-color:#fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;}

#content {margin: 0px 10px 10px 10px;
padding: 10px;
background: #fff;}

On a side note... I've tried Trevor's idea of min-width and can't seem to get it to work... at least not in the manner Trevor alluded to

Whenever i tried to a left column absolutely positioned and with a footer underneath, it would never recognise that te content in the absolutely positioned box has finished, so when i resized, the footer will continue to stay at the bottom of the page past the content in the left box. I think you will know what i mean. I need a simple solution i can understand