mysterious additional space between divs (doesn't appear in IE)

I'm seeing some unexpected additional space between
two divs on this page:

http://www.logoworks.com/client/ManagerAssistant/aboutus.html

The green thick border just below the navigation
should touch the lighter green bar which contains the
header "About Us"... but instead, there's about 20px
of whitespace in there. Hmmm. Actually, this seems to
display as I intended in IE 6/Win, but I see the
problem in Moz 1.6, Firefox 0.8, and Safari.

The relevant HTML for the divs:

	<div id="nav">

		<a href="index.html">HOME</a>
		<a href="products.html">PRODUCTS</a>
		<a href="buynow.html">BUY NOW</a>
		<a href="aboutus.html">ABOUT US</a>
		<a href="contactus.html">CONTACT US</a>
	</div>

	<div id="header" style="background-image:
url(images/photo5.jpg);"> 
		<div class="title">About Us</div>
	</div>

And the CSS:

#nav {
	height: 23px; 
	background-color: #000; 
	border-bottom: 15px solid #74B71A; 
	margin-bottom: 0;	
}

#header {
	height: 75px; 
	background-repeat: no-repeat; 
	background-color: #CAE3AA; 
	margin-top: 0;
}

Any ideas?

Thanks,

   Weston

__________________________________
Do you Yahoo!?
Yahoo! Photos: High-quality 4x6 digital prints for 25¢
http://photos.yahoo.com/ph/print_splash
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

mysterious additional space between divs (doesn't appear in IE)

Sent by Weston Cann on 20 April 2004 05:05