I've just noticed ie6 display the forum page incorrectly on a site I'm designing. See Here.

In all the other browsers I've tested in it displays properly - See Here . With a liquid div and a staic div for the nav on the right. In ie 6 the liquid div goes behind the right nav div. Been trying to figure out why its doing this for ages but I just can't sort it. Can anybody see whats wrong?

Code:
#wrapper { 
text-align: left;
width: 100%;
margin: 0 auto; 
background: #000 repeat-y 10px 0;
}

.PDDiv {
margin: 0 0 0 0;
background-color:#ffffff;
border-color:#99cc33;
border-width:2px;
border-style:solid;
float:left;
text-align: left;
width: 100%; 
margin: 0 -95% 0 0;
}


#contentfloatholder {/* right faux column tab */
background: repeat-y 100% 0;
float: left;
width: 100%;
}

#centerwrap {
  float:left;
  width: 100%; 
	margin: 0 -95% 0 0;
}

#header,{
color: #000;
clear: both; 
width: 100%;
height: 118px; margin-bottom:10px; background:url(picts/header2.jpg);}

#center2 {
margin: 0 175px 0 11px;

}

#center {
margin: 0 175px 0 11px;
background-color:#ffffff;
border-color:#99cc33;
border-width:2px;
border-style:solid;
min-height:552px;
clear:both;
}

.innerleftcontent2
{
margin:0px;
}

#right {
  float:right;
  width: 170px;
	margin: 0;
}



<div id="wrapper">
<div id="header"> 
header content...
</div>
<div id="contentfloatholder">
  <div id="centerwrap">
    <div id="center2">
      <div class="innerleftcontent2">
    <div align="center">
      <div class="PDDiv">
forum content...
      </div>
    </div>
  </div>
    </div>
  </div>
</div>
  <div id="right">
right nav content...
  </div>
</div>