Div tags not staying in container properly - rendering in mozilla

I am trying to figure out a fix to my webpage located here - http://www.auriasdesign.com/troystump/clients/jeffstump/indextest.html

the layout looks fine when maximized and plenty of white space, however, when the browser window is reduced down a lot, the layout falls apart. can someone direct me to a solution to this? (it renders very strangely in mozilla)

thanks,
troy

what screen resolution are you coding for?

% will fall apart at lower resolutions. try min-width.

i am coding for 800 x 600 and 1024 x 768 i am using min-width and that is fine. its just the way my layout is being rendered. im not too sure what i am doing wrong. this is the example page i got my main code from - http://www.pmob.co.uk/temp/min-max-3col.htm their seems to be no problems with this, so i dont know if i am missing something or if i added something and needed to add something else to go along with it.. im at a loss. i just want all the divs to stay intact the way they are supposed to be (as you can see when your browser is maximized at 800 x 600 or above).