Гробовщик,
тоже самое что у
jsru_, но чуть точнее и ресайзить можно ...
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script type='text/javascript' src='http://code.jquery.com/jquery-2.0.3.js'></script>
<style>
#reg {
display: none;
border-style: solid;
position:absolute;
z-index:999;
background: #FFF;
}
#kabinet{
height: 50px;
}
</style>
<script type='text/javascript'>
$(function () {
$kabinet = $('#kabinet');
$kabinet.hover(function () {
var w = $kabinet.outerWidth(true),
h = $kabinet.outerHeight(true);
$('#reg').css({
"width" : w,
"top": h,
"left": '-4px'
});
$('#reg').show();
}, function () {
$('#reg').hide();
});
});
</script>
</head>
<body>
<table align="center" width="80%" border="1" style="margin:0 auto;">
<tr>
<td align="center" id="kabinet" style='position: relative'>
<a href="#" >Эта ячейка </a>
<div id="reg" style='postion: relative'>Вот именно этот div для красоты должен располагаться прямо ПОД ячейкой, как правильно сделать реализацию под все браузеры и расширения? Хотя бы идеечку=) Спасибо заранее</div>
</td>
</tr>
</table>
</body>
</html>