Perchè in IE il "div container" è più alto?

[Donovant]

Ho notato che con IE il mio "container" viene più alto...
HTML:

<div id="container">
                <h1>CURRICULUM</h1>
                <div id="testo">
                      <div id="box_testo">
                            

<h3>TITOLO3</h3></p>
                      </div>
                </div>
              
</div>

CSS:

*{ overflow:auto; margin:0; padding:0}

body{padding:0 10px;}

div#container{
background:#EEF;
width:100%;
margin:30px 0 0 0;
padding:0px;
border:0px solid red;
}

h1{font: bolder 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align:center;
   width:100%;
   border:0px solid black;
   margin:10px 0;
}

#testo{
float:left;
width:100%;
padding-top:0px;
border:0px solid Black;
}

div#box_testo{border:0px solid #666; padding:0px;}

Non saprei se dipende dal tag

o <h3> o entrambi.
Help me please, grazie.

[mucu]

un p non può contenere un h3

[Donovant]

Ok, ho provato il contrario ma non cambia nulla...

[Donovant]

Ho cambiato l'HTML in:

<div id="container">
                <h1>CURRICULUM</h1>
           
                            TITOLO3
                      
                </div>
              
</div>

Il div "container", ha le stesse dimensioni sia in IE che in FF, ma appena inserisco il div "testo", il container in IE, diventa più alto di circa 5px...
Eppure il div "testo" è definito senza bordi, padding, float:left; display:inline e clear:right;
?!?!?