flaot left en 800x600 un des div passe en dessous

[Mado]

bonjour

j'ai utilisé la css de ce site que j'ai fait et je n'ai pas ce probleme mais la j'utilise un div droite

http://www.fabiennemanandise.be/

et la je n'ai pas de probleme quand je passe ne resolution 800x600

avec cette meme css sans le div droite pour ce site

http://www.zengrafom.org/13.10.2004_grib/

le div milieu passe ne dessous

voici la css

/* CSS Document *zengrafom. Marie Pédrotti kit 2*/

body {

font-family: verdana, arial, helvetica, sans-serif;

margin : 0;

padding: 0;

font-size : 80%;

color: #000000;

background-color: #ffffff

}

a, a:link {

color: #000000;

text-decoration: none;

}

a:hover {

color: #ff8a00;

}

#conteneur {

text-align: center;

margin: 5px;

}

#bloc-centre {

text-align: center;

}

/*

#bloc-haut {

height : 96px;

}

*/

#gauche {

float:left;

margin-top : 2px;

width: 200px;

left : 2px;

}

#bloc_haut_gauche {

float : left;

top : 0;

left : 2px;

width : 210px;

height : 150px;

background-color : #ffffff;

}

#bloc_haut_gauche h2{

background-color :#FFF4D0;

}

#bloc_gauche a, a:link {

color:#Ad1a12; text-decoration : none;

}

#gauche hr {

background-color : #Ad1a12;

width : 100%;

height : 3px;

}

#gauche img {

margin : 2px;

vertical-align : middle;

}

#gauche ul {

list-style-type: none;

text-align : left;

padding : 0;

margin: 0;

}

#gauche li{

color :#000000;

height : 25px;

}

#gauche li.rouge {

background :#F38B36;

color :#ffffff;

font-size : 1em;

padding : 6px;

}

#milieu {

float : left;

padding-left : 2px;

background: #ffffff;

text-align: left;

}

#bloc_haut_milieu {

top : 0;

width : 100%;

background-color : #ffffff;

text-align : center;

}

#bloc_haut_milieu ul{

margin : 0;

padding: 5px;

margin-left : 5px;

background-color : #B6D66D;

font-weight : bold;

}

#bloc_haut_milieu li{

font-size : 100%;

list-style-type: none;

color :#ffffff;

margin : 1em;

line-height: 8px;

}

#bloc_haut_milieu a, a:link {

color : #000000; text-decoration : none;

}

#bloc_haut_milieu a:hover {

color: #ff8a00;

}

#bloc_haut_milieu h1, h2{

text-align : center;

color :#000000;

font-size : 1em;

padding : 6px;

margin : 0;

}

#bloc_haut_milieu h1{

background-color :#B6D66D;

}

#bloc_haut_milieu h2{

background-color :#FFF4D0;

}

#bloc_haut_milieu p {

margin: 10px;

color : #000000;

font-size : 100%;

text-align:left;

}

#bloc_haut_milieu p.rouge {

color : #000000;

font-size : 100%;

text-align:center;

font-size:110%;

color: #ff0000;

}

#milieu hr {

background-color : #Ad1a12;

width : 100%;

height : 3px;

margin-top : 0;

}

#milieu p {

margin: 10px;

color : #000000;

font-size : 100%;

}

#milieu p.left {

text-align : left;

}

#milieu_centre {

text-align: left;

vertical-align: middle;

margin-left: auto;

margin-right: auto;

margin-top :15px;

padding: 0px;

width: 600px;

background-color: #ffffff;

border: 2px dashed #C1DE7E;

}

.flottante {

background-color: #ffffff;

margin:15px;

float:left;

padding:20px;

}

.blanc {

margin : 3px;

color : #ffffff;

}

#footer {

text-align: center;

background-color : #B6D66D;

margin : 2px;

clear : both;

}

#footer ul {

list-style-type: none;

text-align : center;

padding : 0;

margin : 0;

}

#footer li{

color :#FFFFFF;

}

je ne sais pas si ma css est tres claire et bien ecrite

doit y avoir un truc mais je ne vois pas ou?

merci pour vos lumières

Marie

[Mado]

j'ai trouve en mettant mon div milieu en position absolute ca marche