И снова позиционирование)

[Vladinho]

Вобщем вот скрин:

Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры)

После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже,

каким образом мне их зафиксировать на одном месте + кросбраузерность...

Код кнопок

 
<div style="margin:0 auto;margin-top:310px;">
<a href="/" style=""><div class="home">Главная</div></a>
<a href="/" style=""><div class="news">Новости</div></a>
<a href="/" style=""><div class="game">Игры</div></a>
</div>

Код CSS к ним:

.home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padding-top:62px;text-align:center;float:left;}
.home:hover {background:url('/img/home_hover.png') no-repeat;margin:0 auto;width:67px;height:85px;padding-top:65px;text-align:center;margin-top:-3px;}
.news {background:url('/img/news.png') no-repeat;height:60px;width:60px;padding-top:62px;text-align:center;float:left;margin-left:10px;margin-left:10px;}
.news:hover {background:url('/img/news_hover.png') no-repeat;margin:0 auto;width:67px;height:85px;padding-top:65px;text-align:center;margin-top:-3px;margin-left:0px;margin-left:10px;}
.game {background:url('/img/game.png') no-repeat;height:60px;width:60px;padding-top:62px;text-align:center;float:left;margin-left:10px;margin-left:10px;}
.game:hover {background:url('/img/game_hover.png') no-repeat;margin:0 auto;width:67px;height:85px;padding-top:65px;text-align:center;margin-top:-3px;margin-left:0px;margin-left:10px;}

Заранее всем спасибо!

[medium]

<div style="margin:0; position:absolute; bottom:0; left:0">

[PanSoul]

либо через position:absolute, либо через position:fixed (в зависимости от задачи)

вот более подробно

А на счет кроссбраузерности - absolut таковым является, но вот с Fixed проблемка...IE6 не понимает его...

Но есть решения, на форуме этот вопрос уже обсуждался.. Поищи (:

[Vladinho]

<div style="margin:0; position:absolute; bottom:0; left:0">

Благодарю уважаемый