Problème css bonne en FF pas en IE sans margin

mon problème est que mon bloc .frame ne passe pas à droite du bloc .gauche mais reste en dessous sous IE alors que j'ai mis le float left ....

Je cherche mais je comprend pas

Voici mon code

body {

margin : 0 auto;
width: 770px;
height: 570px;
border: 2px solid black;
background: #fff;
font-family: verdana, arial, sans-serif;
}

.conteneur {

height: 570px;
width: 770px;
text-align: left;
border: 2px solid black;
background: #fff;
}
.haut {
	
	width: 770px;
	height: 150px;
}

.gauche {
float: left;
width: 150px;
height: 420px;
/*background-image: url(gauche.jpg);*/
}

.frame {

/*margin-top: 150px;*/
margin-left: 150px; /* on place ce bloc à droite du bloc menu de 180px de large */
width: 620px;
height: 419px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;
border: 1px solid black;
background: #fff;
text-align: justify;
text-indent: 2em;
line-height: 1.7em;

}

merci d'avance

je m excuse ca venait de l eternel pbme width trop petit ds le conteneur.... merci qd meme