Одинаковая высота колонок, с возможностью вертикального выравнивания

Привет, сейчас верстаю шаблон интересный, у меня есть 2 колонки различной ширины, у первой колонки ширина не задана, так как там картинка, еще там обтекаемость float:left, у второй колонки ширина тоже не задана, но задано position: relative; float: left; Высота у обоих не задана, потомучто там будет различная информация.

Нужно чтоб первая колонка имела размер такой же как и у второй, чтоб я мог задать vertical-align:bottom или middle. Как в таблицах

В цсс не профи, поэтому прошу у вас помощи :) Если не понятно то могу нарисовать примерный макет, заранее спасибо) В интернете всякий шлак пишут)

HTML

<div class="myblock"><div class="photo"><img src="{photo}" height="50px" /></div><div class="content">{content}</div></div>

CSS

.myblock .content{
position: relative;
float:left;
text-align: center;
 padding:5px;
line-height: 20px;
background-color: #fff;
border: 4px solid #666;
}

.myblock .photo{float:left;vertical-align:middle;}