Whitespace at bottom of background-image?

[MagSafe]

Hi folks

I have a strange problem with whitespace at the bottom of a background image. I've tried setting line-height: 0; and display: block; on the div but can't seem to figure out whats causing it. Its happening in both Firefox & IE so its not like its an annoying IE issue

I don't suppose anyone has any ideas and could lend a hand?

Thanks

index.htm

		<div id="wrapper">
			<div id="header"><a href="http://www.test.net/" title="Test"><img src="graphics/logo.gif" alt="Test" width="170px" height="79px" class="noborder" /></a></div>
			
			<div id="content">
			test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, 
			test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, 
			test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, 
			test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, 
			</div>
			<div id="bottomCurve"></div>
		</div><!--end of wrapper-->

styles.css

#wrapper
{
	margin: 40px auto 0 auto;
	padding: 0;
	width: 770px;
	font: normal 10pt arial, helvetica, sans-serif;
	color: #000000;
}

#header
{
	margin: 0;
	padding: 0;
	height: 79px;
	font: normal 10pt arial, helvetica, sans-serif;
	color: #000000;
}

#content
{
	margin: 0;
	padding: 0;
	height: 500px;
	font: normal 10pt arial, helvetica, sans-serif;
	background: #ffffff;
	color: #000000;
}

#bottomCurve
{
	margin: 0;
	padding: 0;
	width: 770px;
	height: 17px;
	font: normal 10pt arial, helvetica, sans-serif;
	background: #ffffff url('graphics/bottomCurve.gif');
	color: #000000;
}

 

[MagSafe]

Thanks for your suggestion, i tried it but the gap is still there

 

[MagSafe]

Ah fantastic, that worked perfectly

I changed the background-color to transparent , so how come theres an area below the background image then

 

[MagSafe]

but my image doesn't have transparent sections? the div that the background-image is set to is the same size as the actual image, so there shouldn't be any 2px area at the bottom