IE6 might respond better if you give the content div a fixed width and auto margins. So in your screen.css try changing:
#outerWrapper #contentWrapper #content {
background-image: url(../img/0);
margin: 0 220px 0 220px;
padding: 10px 10px 10px 10px;
}
to:
#outerWrapper #contentWrapper #content {
width: 500px;
margin: auto;
}
There is no need for padding, as the width will dictate your space.
I'm not sure what the background URL property is doing at the moment.
The tables containing images (2 per row) are also currently 504px wide in a 500px space (4+246+4+246+4).
You should perhaps reduce the image widths by 2px each.