Alineamiento divs

[Heent]

Buenas compañeros tengo un problema con unos div de distintos tamaños. Uno es más alto que el otro y me gustaría que quedasen alineados por la parte superior. El problema es que no se aliean ni por el superior ni el inferior:

http://oi40.tinypic.com/b4szs8.jpg

A mi me guataría quedase de así (pero con distintos tamaños):

http://oi40.tinypic.com/atonkm.jpg

Los estilos de los div son:

Código CSS:

div {
    display: inline-block;
    margin: 5px 10px 10px 0;
    padding: 6px 6px 5px 10px;
    width: 310px;
    height: 20px;
}
#alto {
    height: 50px;
}
 

¿Como se tendía que hacer?


¡Muchas gracias!