div layout problems.

hello. i just learned about css a week ago and im having a silly problem. im working on a website with nested divs here:

http://www.stromengineering.com/newsite/

the stylesheet:

http://www.stromengineering.com/newsite/stylesheet.css

I've temporary changed the divs' background colors so you can see how it's laid out. The red container div holds a series of stacked divs that make up my page, and the red container div is inside a pink main container div. the only problem is the extra space (black) in the #navbar div and the extra space between #navbar and the #middle divs which appears in red. despite tinkering with padding, margins and all that, i cant seem to figure out how to delete this space.

note: only the red space between the two divs shows up in netscape, but in ie there is the red space and extra space in the #navbar div (shown in black). what should i change?

thanks.