Ventana Box se baja

[IvanxM]

Hola
Tengo un problema y no se cual es.
Tengo definidos en mi css
-----------------------------------------------------------------------------------------------
h1 {color: #006699; font-size:20pt}

#izquierda{
width: 160px;

float:left;
padding: 10px 0 0 0;
}

#derecha{
width: 200px;
float: right;
padding: 10px 0 0 0;
/*background-color:#FFFFDD;*/
margin: 10px 0 0 0;
background-image:url(../images/dv6365.jpg);
background-repeat:no-repeat;
}
#principal{
margin-left: 180px;
background-color: #ffffff;
padding: 4 4 4 4px;
/* width: 460px; */
margin-right:215px;
margin-top:10px;
}
-----------------------------------------------------------------------------

Ahora bien, tenia un texto cualquiera en el principal y los tres box's estaban alineados bien en su margen superior.
cuando puse <h1>cualquier texto<h1> en ese momento se me bajo el box principal y ya no queda alineado con los dos de sus respectivos lados.

___________________ ____________________
_______________________

Algo asi quedo como para que tengan una idea
Porque pasa esto?
Alguien sabe el porque?
Gracias

Iván