2px space between div's

[S@m]

I have 2 div's that IE puts a 2px space between. FF has no problem of course.I can cure the problem with the underscore hack, but if I can, I'd like to stay away from the hacks.CSS:

#content {	border-top: 2px solid #808080;	border-bottom: 2px solid #808080;	background: #eeefe1;	clear: both;	position: relative;	margin: 0px;	padding: 0px;	}	#mainContent {	font-family: arial, helvetica, sans-serif;	text-align: left;	font-size: 12px;	border: 1px solid #999966;	background-color: #fff;	padding: 0px 15px 0px 15px;	margin: 0px 0px 12px 170px;	}

HTML:

<!-- content -->      <div id="content">       <div id="mainContent">         <h1>Title</h1>        <div id="contentHeader">           <div class="contentImageHeader"><img src="../images/handshake.jpg" alt="Handshake" id="Handshake" /></div>          <div class="imageCaption"> <span class="captionText">Main Title</span><br />            <span class="subCaption">Sub Title</span><br />            <br />            <span id="captionLink">> <a href="#">Learn More</a></span></div>          <div class="rightColor"> </div>        </div>

I can't seem to find where the 2px is coming from?

[aspnetguy]

I am afraid the reason these hacks are around is because of the horrible job IE does at rendering HTML.If MS would just accept Web Standards we would all have an easier life!