[Galyanov]

Здравствуйте.
Вот столкнулся с проблемой, решить которую может наверно только скрипт, а я не силен в ява.

Есть DIV в котором имеется изображение являющееся ссылкой.
Также в нем есть блок с ценой и фоновой картинкой, у него position:absolute и расположен он внизу родительского дива.
Еще есть скрытый div с информацией на полупрозрачном фоне.

Надо, чтобы при наведении на div с изображением, показывался скрытый див, а блок с ценой поднимался чуть выше т.е. смещался.

С помощью CSS я могу только показать скрытый блок с информацией, но надо еще одновременно с показом смещать блок с ценой. Вот как это сделать я не знаю.

Для наглядности скрин:


Код:

<div class="image">

	<div class="price-img">цена</div>
	<div class="pr-info">инфо</div>
								
	<a href="ссылка"><img src="image.jpg" title="" alt=""  /></a>
	  
</div>

Стили:

.product-grid .image {
	position:relative;
	display: block;
	margin-bottom: 0px;
}
.price-img {
	position:absolute;
	background:url("../image/price.png") no-repeat;
	width:144px;
	height:42px;
	left:0;
	bottom:25px;
	z-index:99;
}
.pr-info{
    position:absolute;
    bottom:0;
    display:none;
	
}

Подскажите как с помощью скрипта сделать два события при наведении, показать скрытый блок и сдвинуть блок с ценой наверх?