Problème de position d'une div en float

Hello,
Voila j'ai un problème tout simple.
J'ai un div avec un id nommé left et une ave un id nommé top.
Le code html est tout simple :

<div id="left"></div>
<div id="top"></div>

Et voici mon CSS :

#left {
	background-color : blue;
	width:210px;
	height:1300px;
	float:left;
}
#top {
	background-color : red;
	width:590px;
	height:110px;
}

Le problème est que ma div top sur Firefox est positionné en dessous de la div left et on ne voit que 380px (590-210) de celle-ci ce qui me parrait bizarre.
Comment faire pour que la div top se emttre à coté et non pas en dessous ?
Merci
Modifié par wasmaster (07 Oct 2006 - 15:25)

bonjour

un petit croquis serait bienvenue.

bonjour,

il est plus facile de faire ses test en ajoutant du texte "lorem ipsum" dans les balises a tester.

un flottant placé avant une balise block , va voir celle-ci passer dessous , mais pas son contenu , il faut generalement la replacé avec une marge egale a la largeur du flottant.

(ou source de bug multiples : un display:inline-block; pour IE en "commentaire conditionnel" et un overflow:hidden ou auto pour les autres.)

ne reste plus qu'a tester et eventuellement se renseigner sur les attributs et valeurs css ainsi que leurs usages.
.
++

gcyrillus a écrit :
(ou source de bug multiples : un display:inline-block; pour IE en "commentaire conditionnel" et un overflow:hidden ou auto pour les autres.)

Ou plutôt qu'un display: inline-block, tout moyen de conférer le layout au bloc (cf. le concept de HasLayout dans IE Win).