I have an XHTML strict / CSS site that is validated, but in IE6.0 and IE5.5 the centre column won't display, although the left (nav)column and the right column do. The centre column is listed first in the coding. All other browsers are fine. The website address is http://www.new-baby-gift.net

Any help would be much appreciated.

The relevant code is below, the "container" div is before the header in the actual code, i have omitted the header as it displays correctly. Some of the closing </div> s are not shown but they are in the full coding :-

<div id="container">
<div class="colmask threecol">
<div class="wrap">
<div class="innerwrap">
<div class="colwrap">

<!-- Centre Column start -->

<div class="centrecol">
<div class="onecol">

<h1>Welcome to Chiggs...</h1>

<p>Inventors, retailers and wholesale suppliers of the Baby Feed Wheel, the Baby Medicine Wheel and the Get Well Wheel.</p>

<p>These innovative cards, gifts and practical parenting products help keep track of baby's feed and everyone's medicine times.</p>

</div>

<div class="twocolleft">

<div class="solidbox">

<p>Chiggs Wheels are just £3.99 each (incl. free UK p&amp;p) from our <a href="shop.htm">online shop.</a> We also deliver worldwide.</p>

</div>

</div>

<div class="twocolright">

<div class="solidbox">

<p>Visit our <a href="stockist.htm">Stockists</a> page to find a Wheel near you! To become a stockist please visit <a href="trade_and_wholesale.htm">Trade Customers.</a></p>

</div>

</div>

<div class="onecol">

<p>The perfect gifts for new mums, our Baby Feed Wheels have been recommended in Practical Parenting, Pregnancy &amp; Birth, and the Sunday Express magazines.</p>

</div>


CSS
/* Layout */

#container {

width:900px;

margin:0 auto;

position:relative;

border-left:5px outset #daf4f0;

border-right:5px inset #daf4f0;

text-align:left;

}



#layoutdims {

clear:both;

background:#eee;

border-top:4px solid #000;

margin:0;

padding:6px 15px !important;

text-align:right;

}

/* column container */

.colmask {

position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */

clear:both;

float:left;

width:100%; /* width of whole page */

overflow:hidden; /* This chops off any overhanging divs */

}

/* 3 column settings */

.threecol {

background:#daf4f0; /* Right column background colour */

}

.wrap {

float:left;

width:200%;

margin-left:-10em; /* Width of right column */

position:relative;

right:100%;

background:#fff; /* Centre column background colour */



}

.innerwrap {

float:left;

width:100%;

margin-left:-50%;

position:relative;

left:20em; /* Left column width + right column width */

background:#fff; /* Left column background colour */



}

.colwrap {

float:left;

width:50%;

position:relative;

right:10em; /* Width of left column */

padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */

}

.centrecol {

margin:0em 10.2em 0.5em; /* Centre column side padding:

Left padding = left column width + centre column left padding width

Right padding = right column width + centre column right padding width */

position:relative;

left:200%;

overflow:hidden;



}





/* Other Centre Column(s) Layouts */

.twocolleft {

width:46.5%;

float:left;

}



.twocolright {

width:46.5%;

float:left;

margin-left:20px;

}



.onecol {

width:98%;

float:left;

}