[Resolvido] Problema com Floats

Olá galera, estou desenvolvendo um layout com CSS só que estou tendo alguns problemas com os floats. Quando eu testo o website na resolução de meu monitor (1440x900) ele aparece normalmente, mas quando testo em resoluções inferiores o float da direita cai, assim como fiz as imagens.

/applications/core/interface/imageproxy/imageproxy.php?img=http://img205.imageshack.us/img205/2545/sampleb.jpg&key=b43286d169fbb7b1913c66798d827b6b1aa41f8b68fa2ca3ad53976ca5866b3d" alt="Imagem Postada" />

1440x900px

/applications/core/interface/imageproxy/imageproxy.php?img=http://img130.imageshack.us/img130/1078/sample2g.jpg&key=ac55f9003c2947a03acf603ec1776c9a5894e25d4c5b48be24e037f678d02a72" alt="Imagem Postada" />

1280x768px

Código CSS / DIVs

/applications/core/interface/imageproxy/imageproxy.php?img=http://img683.imageshack.us/img683/5609/sample3.jpg&key=fff49adccbbd9c771275352b2d585eb7b6003dd12d46ed84672039e2692799f2" alt="Imagem Postada" />

#middle {
 background: #171717;
 padding-top: 25px;
 padding-left: 100px;
 display: table;
}

#middle1 {
 margin-left: 100px;
 margin-right: 100px;
 margin-bottom: 25px;
}

#leftcol {
 width: 590px;
 background: #202020;
 border: 1px solid #363636;
 float: left;
 padding: 5px;
}

#rightcol {
 width: 290px;
 padding: 5px;
 background: #202020;
 border: 1px solid #363636;
 float: left;
 margin-left: 10px;
}

Eu tive que criar esta div middle1 pois eu não estava conseguindo centralizar e colocar margin-bottom no IE 7.0

Se alguém puder me ajudar ... serei muito grato.

Abraços