How to get boxes to expand vertically; also IE 6 issues

I am developing a shell for a site I am developing in CSS. I have the basics down, but have a couple of problems. Here is the URL of what I have so far:

http://www.denverderm.com/div_test/css_test.asp

* how do you get the boxes to expand vertically? What I want to do is have the div on the left (next to the nav, in the darker green) and the div containing nav to expand as I start flowing text into the main text div (the one that says "Botox") now. Also, the container div needs to expand as well (it has a white background and I inset the other divs to make a thin white border.

* I'm also having IE 6 problems:
* there is white space between the rows of divs that shouldn't be there
* the rollover div dropdowns come up way over to the right
* firefox displays both these issues the way I indended for them to be

If you need access to the .css that drives the rollover dropdowns, it is here:
http://www.denverderm.com/div_test/mm_css_menu.js


Any help greatly appreciated.

Thanks in advance

John MR

*

You use something like this attached image as the background of your body {} and it will give the illusion of 100% height regardless of content.

body {
background:#FFF url("foo.jpg") center top repeat-y;
}

Attached Images

background.jpg (516 Bytes, 36 views)

__________________