Help with a CSS layout that fails on Mozilla but works on IE. I believe it is a "floating" block bug.

I am starting to really hate CSS. Every time I get a layout just right in IE, it breaks the Mozilla look. When I get the Mozilla just right it broke the IE! GRRRR. Makes you wish that W3C would make a standard CSS display engine that ALL browsers would use. Oh well.

I donate a lot to animal shelters and do development for a lot of them for free. One of the shelters is getting a complete website makeover and I wanted to do the site using no tables and have the pages CSS driven. How hard could it be (wink)? After all I am in the middle of doing the same to my personal website and though I have run into some issues, I have managed to get past them. Not so on this site. I believe I am bashing my head into the floating block element in another quirk now. I am so close I can taste it. I did the preliminary layout with divs and  after the work on my personal site went so well with a mix of divs and lists to make columns, I decided to rework the shelter page to follow what I did. It looks perfect in IE7, but now the outer div border will NOT surround the list in Mozilla 2. Yes I know Mozilla 3 is out, but something on my machine will NOT allow it to work. I long ago found that my work and notebook can install Mozilla 3 but it wont run at all. So I use Mozilla 2 for most of my testing. I do not want this to turn into a lets get you on Mozilla 3 thread, I simply need help adjusting the CSS and/or HTML to get the look in IE7 and Mozilla 2 the same, please.

I want to get the border that surrounds the page (except the footer lines at the bottom) to be seen on the Mozilla browser AND IE7. I would like to do it with a minimal amount of HTML changes (mostly CSS) since the page is actually build on the fly in classic ASP. Any help you can offer is greatly appreciated.

The attached ZIP file contains everything needed to see the 2 HTML pages. The page I want to get working is named defaultnew.htm. It uses the sap2.css file. Also in the archive is a page named defaultworksmozilla.htm. This page is the original page I made using divs and not using the lists. It DOES display right (enough) in Mozilla AND IE7, though I am at a loss on why this page/css combo works and not the one I really want to use. The working page uses the sap.css style sheet. I included it so you get an idea of how it should look in Mozilla.

If you get me past this hump, or give me other help along the way, I am happy to list/thank you in a meta tag on the completed site as well. After all this is for a good cause and the shelter badly needs a new website and your help will hopefully get me moving again. (the original website is one I made for them back about 1999 or 2000 and it is really time for this revamp. If curious the current original site is at www.save-a-pet-il.org)

Thank you for your time and help.

Sincerely,

David

Cats nap. Only humans put them To Sleep. Sterilize, Dont Euthanize!

PS. Seems the zip file cannot contain .htm and .css extensions. Fine, I renamed them to .txt. Just rename the 4 files back to .htm and .css to properly load the files in a browser.
Someone want to tell me why you cannot put a CSS file in the archinve when the section I am in is FOR CS help?