Гробовщик,
div в таблице браузеры по разному обрабатывают ... если его поместить в любое другое место ... то будет всё одинаково ...
<!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'>
$(window).load(function () {
$kabinet = $('#kabinet');
$kabinet.hover(function () {
var w = $kabinet.outerWidth(true),
h = $kabinet.outerHeight(true),
p = $kabinet.offset();
$("#reg").css({width:w,top:p.top+h+2, left:p.left-2}).show();
}, function () {
$('#reg').hide();
});
});
</script>
</head>
<body>
<div id="reg" >Вот именно этот div для красоты должен располагаться прямо ПОД ячейкой, как правильно сделать реализацию под все браузеры и расширения? Хотя бы идеечку=) Спасибо заранее</div>
<table align="center" width="80%" border="1" style="margin:0 auto; border: #FF0000 1px double">
<tr>
<td align="center" id="kabinet" style='position: relative; background: #FF8C00'>
<a href="#" >Эта ячейка </a>
</td>
</tr>
</table>
</body>
</html>