Как выровнять div в верхней части своего родителя, но сохраняя поведение встроенного блока?

Смотрите: http://jsfiddle.net/b2BpB/1/

В: Как вы можете сделать box1 и box3 выровнены в верхней части родительского div 'boxContainer'?

#boxContainerContainer {
    background: #fdd;
    text-align: center;
}

#boxContainer {
    display:inline-block;
    border:thick dotted #060;
    margin: 0px auto 10px auto;
    text-align: left;
}

#box1 {
    width: 50px;
    height: 50px;
    background: #999;
    display: inline-block;
}

#box2 {
    width: 50px;
    height: 100px;
    background: #999;
    display: inline-block;
}

#box3 {
    width: 50px;
    height: 50px;
    background: #999;
    display: inline-block;

Помогите оценить...

Подтверждение: этот вопрос разветвляется из ответа, ранее заданного https://stackoverflow.com/users/20578/paul-d-waite: Получение элемента CSS для автоматического изменения размера к ширине содержимого и в то же время центрироваться

Ответы

#box1 {
    width: 50px;
    height: 50px;
    background: #999;
    display: inline-block;
    vertical-align: top; /* here */
}