Sovrapposizione non voluta di un DIV

[MM88]

Ciao a tutti, sto utilizzando 4 layer in successione con queste rispettive definizioni di stile:

#div1 {
float: left;
width: 150px;
dispay:inline;
}

#div2 {
float: right;
width: 500px;
background: #000000; 
display:block; 
height:100px; 
vertical-align: middle;
}

#div3 {
clear: both;
}

#div4 { 
padding-top: 10px;
   font-size: 14pt;
   display: block;
}

Il "div4" si sovrappone a partire dal "div1" come se non esistesse il clear a separli.

Quale è la dichiarazione errata? Vorrei che tutti comparissero in successione, come elementi blocco, praticamente, ma i primi due devono rimanere affiancati.


grazie

[chipdb]

#div1 {
	float: left;
	width: 150px;
	height: 100px;
	display: block;
	border:	1px solid;
	background:#0000FF;
}
#div2 {
	float: right;
	width: 500px;
	background:#FF0000; 
	height:100px;
	border:	1px solid;
}
#div3 {
	clear: both;
	border:	1px solid;
	background: #00FF00;
}
#div4 {
	display: block;
	border:	1px solid;
	background:#FF00FF;
	display: block;
}

A me viene visualizzato così:


|------ 100 px ----||-------------------- 500px ----------------------|



|------------------||-------------------------------------------------|

|------------------------------div 3----------------------------------|
|---------------------------------------------------------------------|

|------------------------------div 4----------------------------------|
|---------------------------------------------------------------------|


è come dovrebbe?

[MM88]

Vorrei che fosse visualizzato in quella maniera, ma il div3 e il div4 salgono e si sovrappongono ai primi 2.


Preciso ulteriormente che tutti e quattro i div sono contenuti dentro un altro che ha queste caratteristiche:

margin: 0 auto;
padding-top : 40px;
padding-bottom : 10px;
padding-left : 50px;
padding-right : 50px;
text-align: justify;
font-size: 10px;
font-weight: none;
color: #000000;
border: Solid 0px #CCCCCC;

Ma non penso questo influisca.



Cosa potrebbe dare quell'errore di sovrapposizione come se non fossero blocchi?
Nel HTML ho controllato e tutti i div sono chiusi.


grazie

[insurrection]

uhm credo sia simile al mio problema...
esposto poco sotto il tuo

ho come l'impressione sia il principale problema con i css...