<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<table width="100%" border="0" class="catalog">
<tr valign=top>
<td><img src="http://s1.uploads.ru/i/d28Cu.gif" alt="Самосвалы" /><p>Самосвалы </p><ul><li>MAN</li><li>MAZ</li></ul>
</td>
<td><img src="http://s1.uploads.ru/i/d28Cu.gif" alt="Укладчики" /><p>Укладчики </p><ul><li>MAN</li></ul>
</td>
<td><img src="http://s1.uploads.ru/i/d28Cu.gif" alt="Катки"/><p>Катки</p><ul><li>MAN</li></ul>
</td>
<td><img src="http://s1.uploads.ru/i/d28Cu.gif" alt="Тягач" /><p>Тягачи</p><ul><li>MAN</li></ul>
</td>
</tr>
</table>
<style type="text/css">
.catalog td > ul{
display:none;
position:absolute;
z-index:2;
border:2px solid #F1F2EE;
padding:4px;
}
</style>
<script type="text/javascript">
$(document).ready(function($) {
$('.catalog tr td img').mouseenter(function() {
$(this).parent().find('ul').slideDown();
}).mouseleave(function() {
$(this).parent().find('ul').slideUp();
});
});
</script>