проблемка с позиционированием элементов

[vrazbros]

хочу сделать в блоке footer чтобы картинка выравнивалась по левому краю, а link по провому нижнему углу.

делаю так

<style type="text/css">
.bottom { /* Нижняя часть */
 background: #e3e8cc; /* Цвет фона */
 border: solid 1px black; /* Параметры рамки */
 font-size: 90%; /* Размер шрифта */
 padding: 3px; /* Поля вокруг текста */
}
.bottom_link {
 float:right;

}
.bottom_img {
 float:left;

}
</style>

<div class="bottom">
 <div class="bottom_img">
 <a href="http://www.tyda.ru"><img src="img/p1.jpg" alt="img" width="90" height="54" /></a>
 </div>
 <div class="bottom_link">
 <a href="http://my.com">link</a>
 </div>
</div>

но но фон footerа получается высотой в 3px как бы под img те он не реагирует на контент внутри и проблема с bottom_link. Линка оказывается в правом верхнем углу, а нужно в нижнем на одном ур с img.

[Vlad]

Подобное проще таблицей оформить. Можно еще через позиционирование поуправлять - position, bottom, right свойства в ходу.