Вопрос к грамотным дизайнерам

Сорри за такую тему, просто не знал как обозвать ее.
А тепереь вопрос!
Не подскажете, как сделать чтоб при наводе на деску выскакивала тумба рядом?
Спасибо

джаваскриптом. найди сайт где так сделано, открой сорс и вычлени с него скрипт

Вопрос скорее к верстальщикам, нежели к дизайнерам.

можно и элегантно решить всё без джаваскрипта.

Код:

<style type=text/css> li.mpop { cursor:hand;position: relative; background-color:#f0f0f0; padding:5} li.mpop a { text-decoration:none; } li.mpop:hover,li.mpop:hover a { background:lightblue; color:black; } li.mpop img { display: none; position: absolute; top:100%; left:0; width:50%;font-weight: normal; border-bottom: solid 1px #999; } li.mpop>img { top: auto; left: auto; } li.mpop:hover img, li.over img { padding:0; margin-top:5; margin-left:100; display:block } </style> <li class=mpop><a href="0.php">Description 1 about some boy with a girl </a><img src='1.png'></li> <li class=mpop><a href="1.php">Description 2 about some girl with a girl </a><img src='2.png'></li> <li class=mpop><a href="3.php">Description 3 about some boy with a boy </a><img src='3.png'></li> <li class=mpop><a href="4.php">Description 4 about some soldier with a motherland </a><img src='4.png'></li>

<script language="javascript" type="text/javascript">
<!--
var bookmarktitle="title"
var bookmarkurl="http://domen/"

function addbookmark(){
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}

function showthumb(n)
{
mX = window.event.x;
mY = window.event.y;
thumb.style.visibility="visible";
thumb.style.left=mX+10+document.body.scrollLeft;
thumb.style.top=mY+10+document.body.scrollTop;
thumb.innerHTML = '<img src="thumbs/'+n+'.jpg" border="1">';
//путь к тумбам
}
function changeposthumb(n)
{
mX = window.event.x;
mY = window.event.y;
thumb.style.visibility="visible";
thumb.style.left=mX+10+document.body.scrollLeft;
thumb.style.top=mY+20+document.body.scrollTop;
}
function clearthumb(n)
{
thumb.style.visibility="hidden";
thumb.innerHTML = '';
}

// -->
</script>

вид ссылки
<a href=o.php?link=teen&url=http://урл галеры.html onmouseout="clearthumb(номер тумбы);" onMouseMove="changeposthumb(номер тумбы);" onmouseover="showthumb(номер тумбы);">

при наведении показывает при отводе скрывает

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