Diverse visualizzazioni di due <div>

[DeltaElectronic]

Consideriamo questo .css:

#sx{
float:left;
}


#dx{
}

E i seguenti due spezzoni di codice HTML:
1-)
<div id="sx">
<p>Sinisttrs</p>
</div>
<div id="dx">
<p>destra</p>
</div>


2-)
<div id="sx">
Sinistra
</div>
<div id="dx">
destra
</div>

Per quale motivo nel secondo caso le scritte "Sinistra" e "Destra" mi vengono affiancate ed allineate (come desidero) mentre nel primo caso la scritta "destra" viene sfalsata ?
Credo che sia dovuto al tag <p>, ma per quale motivazione ?
Come posso rimediare ?

[KillerWorm]

Mod:

Il cross-posting non è consentito su questo forum. Inoltre, quando si include del codice nei propri messaggi, è opportuno usare gli appositi tag di formattazione.
Prima di postare nuovamente, ti invito a leggere il regolamento di sezione, ne trovi uno per ogni singola sezione del forum, tra i post in evidenza. Grazie.

Qui chiudo, continua sull'altra discussione che hai aperto in HTML 5. Eventualmente, se dovesse servire, si valuterà di spostare quella nel forum più pertinente.