[Spamol]

Бьюсь, бьюсь, не могу решить след. задачу, нужно сделать окошко с инфой, при наведение мышки на это окошко снизу выезжает блок с кнопками, при убирание с элемента мышки, блок с кнопками уезжает вниз соответственно... Перебрал все анимации и show() и slideDown() и animate(), ничего не подходит, наезд сверху получается без проблем, снизу никак не могу, докопался максимум до этого:

$(".main").mouseover(function () {
		  		$(".focus").animate({ 
					top: "0"
                       }, 1000)
			});

при такой структуре

<div class="wrapGame">
					<div class="main">
						<img src="img/game.jpg" alt="0" />
						<div class="puls">
							<p class="numerPuls">199</p>
							<p class="titlePuls">пульс игры</p>
						</div>
					</div>
					<div class="focus">
						<p>некий текст</p>
						<div class="setup">
							<input type="button" value="Установить" />
						</div>
						<div class="more">
							<input type="button" value="Подробнее" />
						</div>
					</div>
				</div>

При наведение на элемент, блок с кнопками выезжает снизу, но как теперь его убирать вниз, при отведение мышки с элемента, вот так не работает, сразу говорю

$(".main").mouseout(function () {
		  		$(".focus").animate({ 
					top: "300px"
                       }, 1000)
			});