Расположение дива

Пишу онлайн игру так потихонечку, world of warcraft
Пару минут топ картинку нарисовать и весь диз пока что сделал как есть...
---------------------
Суть проблемы излагаю в картинке http://upwap.ru/1720239

На картинке видно белый фон дива где написано: LVL: 1 | Опыт: 0 | GL: 100

Этот див находится на другом диве, так мне нужно расположить это белый див в нижнем левом углу, т.е. спустить вниз белый фон с текстом, подскажите как?
Допустим вот мой див в котором топ картинка лого:
.header {
height:60px;
background-image: url(/skin1/head.gif);
background-repeat: no-repeat;
background-color: #7fb22e;
border: 1px solid #fff;
}
а вот див с белым фоном:
.sost {
width:170px;
background-color: #fff;
font-size: 10px;
}

Добавлено через 02:18 сек.
В общем див с текстом LVL: 1 | Опыт: 0 | GL: 100 должен быть Внизу Варлока нежити) а ща он у него над головой)))

Добавлено через 04:08 сек.
<div class="header">
<div class="sost"> LVL: '.(int)$lvl.' | Опыт: '.(int)$hon.' | GL: '.(int)$goldmoney.' <br></div>
</div>

Добавлено через 04:31 сек.
Расписал подробнее некуда уж =)

Может тебе поможет это ? Относительное позицианирование?

http://portal.wen.ru/wap/css/position.html

.sost {
width:170px;
background-color: #fff;
font-size: 10px;
position: absolute;
top: отступ от самого верха страницы в пикселях
}

исходник?

3, спасибо Ром, потом проверю

.sost {
width:170px;
background-color: #fff;
font-size: 10px;
position: relative;
top: px на сколько надо сдвинуть вниз }