Har ett suspekt problem. I IE 6 och 7 ser nedanstående korrekt ut. top_corners ligger utan mellanrum mot main_contentWrapper. I firefox däremot blir det ett mellanrum på en 10-20 pixlar. Det jag dock inte förstår är att om jag lägger "border:1px solid black;" på main_contentWrapper så försvinner mellanrummet. Helt utan logik enligt mitt tänk.
Någon som har en mer logisk förklaring till varför detta uppstår? Har testat att rensa bort så mycket som möjligt för att se att inget annat längre upp i koden ställer till problem, men så vitt jag kan se så är det main_contentWrapper som skapar problemet.
/* Center area */
#top_corners { width:968px; height:7px; overflow:hidden; }
#main_contentWrapper{ background-color:#ffffff; width:968px; height: 100%; clear:both}
#main_sideContent
{
background-image:url(/i/bodyparts/side_gradient.png);
background-repeat:no-repeat;
text-align:left;
width: 353px;
height: 416px;
float:left;
}
<!-- Center content -->
<div id="top_corners"><img src="/i/bodyparts/main_top_corners.png" alt="Top corners" width="968" height="7" /></div>
<div id="main_contentWrapper">
<div id="main_sideContent">text</div>
<div id="main_mainContent">
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<a href="#" class="nav">Link</a> </div>
<div id="bottom_focusBoxes"><img src="/i/bodyparts/DUMMY_bottomboxes.jpg" alt="Dummy" width="784" height="91" /></div>
</div>