Salve, la mia è una domanda banale ma ho proprio bisogno di un chiarimento, visto che è un pò di tempo che non progetto più siti web ma i margini mi hanno sempre creato problemi.
Ho questa situazione:

codice:
body,html{
    position: absolute;
    top:0;
    left:0;
    margin: 0;
    padding: 0;
    background: black url('http://localhost/cvdanielesalvatore/public/images/sfondo.jpg');
    background-size:  100% 100%;   
    width:100%;
    height:100%;
    border:none;
    font-size: 100%;



}


#container
{
    position: relative;
    margin:5% 0 0 20%;
    padding:0;
    width:60%;
    height:90%;
    background: white;
    border:none;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;

}
Mi potete spiegare perchè il DIV #container si 'appoggia' al bordo inferiore? Per quello che mi ricordo le guide che ho letto hanno sempre detto che raddoppiano i valori non li quadruplicano

Grazie Daniele