Есть такой html-код:
<div id="mainblock">
<div class="innerblock">
<div><img src="mypic.jpg">Какой то текст под картинкой</div>
<div class="bottom">
<a href="#">гиперссылка</a>
</div>
</div>
<div class="innerblock">
<div class="info"><img src="mypic.jpg">Какой то текст под картинкой</div>
<div class="bottom">
<a href="#">гиперссылка</a>
</div>
</div>
</div>
Для mainblock задан background: #FE4C4C. Все картинки имеют одинаковый размер, а "какой-то текст" может быть любым (в каждом блоке свой). Количество таких блоков может быть любым. Как сделать так, чтобы блок info был прижат кверху, а bottom книзу?