hello all.

my page is here: ##

as you can see there are 2 gaps in the border of my main container (top left and top right corner). can anybody see what is causing this. my code is below, thanks

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
	xmlns="http://www.w3.org/1999/xhtml"
	lang="en"
	xml:lang="en"
><head>

<meta
	http-equiv="Content-Type"
	content="text/html; charset=utf-8"
/>

<meta
	http-equiv="Content-Language"
	content="en"
/>

<link
	type="text/css"
	rel="stylesheet"
	href="/scripts/style.css"
	media="screen,projection,tv"
/>

<title>
	##
</title>

</head><body>

<div id="wrapper">
	<div id="header">
		<!--#include virtual="\includes\header.asp"-->
	</div>
	<div id="container">
		<div id="leftdiv">
			<!--#include virtual="\includes\left-bar.asp"-->
		</div>
		
		<div id="content">
			
			<div class="contentBox">
		<h2><span></span>Welcome to London Heathrow Cars&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<iframe src="http://free.timeanddate.com/clock/i2ifgyzy/n136/tluk/fs10/fcfff/tc5e9fa5/pc5e9fa5/ahl/tt0/tw1/tm1/td2/th1/ts1/ta1/tb1" frameborder="0" width="151" height="15"></iframe>
</h2>


		<div class="borderFirstSide"><div class="borderSecondSide">
			
		<!-- .borderSecondSide, .borderFirstSide --></div></div>
		<div class="borderBottom"><div></div></div>
	<!-- .contentBox --></div>

		</div>
		
		<div id="rightdiv">
			<!--#include virtual="\includes\right-bar.asp"-->
		</div>
	</div>
	<div id="footer">
		
	</div>
</div>

</body></html>

Code:
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0px;
	width: 976px;
}

#header {
}

#leftdiv {
	float: left;
	width: 215px;
}

#phonediv {
	background-image: url(http://www.heathrowcar.co.uk/images/phone-box.jpg);
	background-repeat: no-repeat;
	background-position:20px; 
}

#quotediv {
	background-image: url(http://www.heathrowcar.co.uk/images/quote-box.jpg);
	background-repeat: no-repeat;
	background-position:20px; 
}

#rightdiv {
	float: right;
	width: 261px;
}

#content { 
	float: left;
	width: 500px;
}

#footer {
	clear: both;
	background: #A2A2A2;
}


.contentBox {
	width:500px;
	min-width:500px;
	max-width:500px;
	margin:0 auto;
	text-align:left;
}

* html .contentBox {
	width:500px;
	width:expression(
		(document.body.clientWidth>1280) ? "1248px"
			: ((document.body.clientWidth>640) ? "95%" : "608px")
	);
}

.contentBox h2 {
	position:relative;
	height:1%;
	overflow:hidden; /* chop off bottom of span automatically */
	padding:8px 0 8px 8px;
	font:bold 11pt arial,helvetica,sans-serif;
	color:#FFF;
	background:#59A url(http://www.heathrowcar.co.uk/images/borders.png) 0 0 no-repeat;
}

.contentBox h2 span {
	float:right;
	width:14px;
	height:84px;
	margin:-8px 0 -76px -14px;
	background:url(http://www.heathrowcar.co.uk/images/borders.png) -1266px 0 no-repeat;
}

.contentBox .borderFirstSide {
	padding-left:1px;
	background:url(http://www.heathrowcar.co.uk/images/borders.png) -1280px 0 repeat-y;
}

.contentBox .borderSecondSide {
	padding:1em 7px 0 0;
	background:url(http://www.heathrowcar.co.uk/images/borders.png) top right repeat-y;
}

.contentBox .borderBottom {
	overflow:hidden; /* wrap floats */
	height:12px;
	font-size:1px; /* prevent IE smallest height bug */
	background:url(http://www.heathrowcar.co.uk/images/borders.png) 0 -84px no-repeat;
}

.contentBox .borderBottom div {
	float:right;
	width:14px;
	height:12px;
	background:url(http://www.heathrowcar.co.uk/images/borders.png) -1266px -84px no-repeat;
}