Problema DIV e Colori

[danlupo]

Il problema precedente l'ho risolto.. Semplicemente ho scritto tutto da zero !!

Comunque credo che: o io sono impazzito o lo è il mio computer..

Adesso non vanno le proprietà Height ed Overflow.

Ho questo codice CSS

.dataora
{
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:1%;
    width:20.5%;
    background: white;
    float:left;
    font-size: 57%;
    text-align:center;
    height:100%;
}
.userfrom
{
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:2%;
    width:17.5%;
    background: green;
    float:left;
    font-size: 57%;
    text-align:center;

        height:100%;
}
.oggetto
{
    position:relative;
    margin:0;
    padding:0;
    background: blue;
    left:0;
    top:2%;
    width:17.5%;
    height:10%;
    overflow:hidden
    float:left;
    font-size: 57%;
    text-align:center;
;
    color:white;
}
.msg
{
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:1%;
    width:35%;
    background: red;
    float:left;
    text-align:center;
    font-size: 80%;
    overflow:hidden;
    height:100%;
}
.mail
{
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:3%;
    height:auto;
    width:98%;
    background: transparent;
    float:left;
    display:block;
    border:1px solid red;
    overflow:hidden;
   
}
.mail p input
{
position:relative;
    left:0;
    top:0;
    width:2%;
    background:transparent;
    height:100%;
    overflow:hidden;
    margin: 0;
    float:left;
    
}
.mail p
{
    position:relative;
    left:0;
    top:0;
    width:98%;
    background:transparent;
    height:10%;
    overflow:hidden;
    margin: 0;

}

.mail p img
{
    position:relative;
    top:0;
    left:0;
margin:0;
    padding:0;
    width:4%;
    height:10%;
    float:left;
}

La proprietà CSS overflow indica al browser che fare con il contenuto che supera il suo blocco contenitore. Il quale vuole dire che viene applicato ad un elemento di misura fissa.

Se i valori per width (larghezza) e/o height (altezza) non vengono specificati, la proprietà overflow sarà inutile ed il blocco contenitore si ridimensionerà in base al suo contenuto.

overflow: hidden;
Il valore hidden (nascosto) indica che il contenuto in eccesso è nascosto e non visibile dall’utente.

I problemi sono quelli in grassetto; per quanto riguarda l'img posso impostare un valore di height che va da 0 a e^n+1 che la sua grandezza non cambia..