Salve a tutti, sono nuovo...

Volevo una delucidazione da voi riguardo a un'evento strano che accade a 2 div che cercavo di mettere uno dentro un'altro.

Secondo il mio giudizio si tratta di un bug... e sinceramente non so se questo tema è stato gia preso in considerazione.

Cmq fatto sta che ho fatto prove su piu browser e su piu computer bene o male alle ultime versioni e il risultato è sempre lo stesso

Vi spiego:

se io faccio un div contenitore tipo:

div#contorno{
width:350px;
background-color:#000;
}

div#dentro{
height:100px;
margin:15px;
background-color:#006;
}

<div id="contorno">

<div id="dentro">aaa</div>

</div>

Teoricamente dovrei vedere un div nero e piu piccolo dentro un'altro di colore blu
Il div nero (contorno) fungerebbe fa sfonto formando una cornice

il problema sta che nella visualizzazione mi appare cosi:


Stessa cosa succede se al posto del div dentro metto un normalissimo P
Come se ignorasse che il div dentro sia all'interno del contorno.

La cosa cambia se al div contorno applico un bordo, oppure metto il div dentro come float allora la visualizzazione diventa come dovrebbe:


Per chiarire io non ho bisogno di creare una cornice ma volevo soltanto porvi questo problema per sapere se è proprio cosi che deve fare oppure è un bug.

Ho visto esempi su molti libri che usano appunto div dentro altri div con margini ma senza mostrare questo errore.

Cosa ne pensate?

Grazie mille per l'attenzione.