problem between ie and firefox ...

i'm not sure what the problem is, but i am getting a space below my border in IE that i am not getting in firefox... here's what my stylesheet looks like

#navMainWrapper/*, #navSuppWrapper, #navCatTabsWrapper*/ {
	margin: 0px 0px 0px 0px;
	padding: 0px 0;
	background-color: #f5f6fb;
	border-bottom: 10px solid #ced8e4;
}

firefox (this is how i want it to look)

internet explorer (creates a space below the border that i don't want...)

any help with this?

From your view source

<div id="navMainSearch"></div>
<br class="clearBoth" />
</div>

<!--eof-navigation display-->

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<!--eof-header ezpage links-->
</div>

Check your includes/templates/iDyeMyHair/common/tpl_header.php and delete or comment out that clear both

Or design only in FF and when done then fix the IE quirks mode issues