css borders messing up in Netscape 7.1

Hello.

I have a site that I've done completely using dhtml and css.

Everything is perfect in IE 6.0. However, Netscape 7.1 does weird things with the borders I've specified.

I've tried to tweak and mess with it, but nothing has produced a result that looks the same in both IE and Netscape. Does anyone have any ideas as to why it's looking the way it is in Netscape and what I can do to fix it?

The page is at: http://www.americansforthearts.org/sarah/test/

thanks.

It's happening for 2 reasons; the reason the menu is sticking out of the side, is because you need to apply the box model hack - remember, padding will add to an element's size, so you can't put a 700px menu inside a 700px container with padding.

The reason the border isn't going down to the bottom of the content, is because of the floats. the border is only going to the end of the non-floated content. when you float an element, you take it out of the flow of the document. I would recomend putting your footer back in, and adding clear:both to it.

good luck, and nice design.

-Greg