Есть такой пример:
http://jsfiddle.net/7efHh/

Объясните пожалуйста, относительно чего выравнивается left_div в примере по высоте?
Стоит vertical-align: center для left_div, но не похоже, чтобы он выравнивался по середине чего-то.
Скорее похоже, что содержимое left_div выравнивается по нижней линии содержимого right_div.
Не понимаю, вроде бы выравнивание должно происходить не зависимо от содержимого и vertical-align: center; как я понимаю должен применяться только к left_div.

Спасибо, исправил на middle
http://jsfiddle.net/7efHh/2/
Middle центрирует почему-то где-то на уровне нижней грани правого div (с картинкой)
Не понятно, это середина чего? Как в этом случае высчитывается line-height?

А вот если и левому div и правому поставить vertical-align: middle, то в этом случае меньшая картинка (та, которая слева) выравнивается по центру большей картинки(справа). Видимо при использовании нескольких vertical-align: middle для разных div, line-height устанавливается таким же размером, как самый высокий элемент. Во втором случае все логично. Но как в первом случае?