Помогите победить хаки, к вопросу о кроссбраузерности в кипе с js
 

Доброго времени суток? Помогите форумчане, не могу определить хак, в FF все выглядит нормально, в принципе под него изначально писал. а вот в IE, O, и в гугловском Хроме ползет...
вопрос с меню в картинках код следующий:
<table cellpadding="0" cellspacing="0" border="0" class="ab">
<tr>
<td><img src="../images/uslugi.png" width="251" height="131" class="menu_img" tab=1 />
<div class="links" style="position: absolute;display: none;" id=menu1>
<?php $sql->query("select id, name FROM page WHERE img3=1");
while(list($id,$name)=$sql->fetch_row())
echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></div>';
?></div>
</td>
<td width="9"></td>
<td><img src="../images/pacient.png" width="251" height="131" class="menu_img" tab=2 />
<div class="links" style="position: absolute;display: none;" id=menu2>
<?php $sql->query("select id, name FROM page WHERE img3=2");
while(list($id,$name)=$sql->fetch_row())
echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></div>';
?></div>
</td>
<td width="9"></td>
<td><img src="../images/lab.png" width="251" height="131" class="menu_img" tab=3 >
<div class="links" style="position: absolute;display: none;" id=menu3>
<?php $sql->query("select id, name FROM page WHERE img3=3");
while(list($id,$name)=$sql->fetch_row())
echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></div>';
?></div>
</td>
</tr>
</table>


Css такая:
.links{
padding-left:1px;
padding-right:3px;
padding-bottom:10px;
width:250px;
margin-top:79px;
padding-top:79px;
background:url(../images/trans.gif) top left repeat-y;

}
.menu_img{
cursor:pointer;
}

.links div{
background:#6699cc;
border:1px solid #666666;
border-top:0px;
padding:2px;
padding:2px 5px 2px 5px;
color:#ffffff;
}
.links div a{
color:#ffffff;
text-decoration:none;
}
.links div a:hover{
text-decoration:underline;
}
ну и js следующий:
$(function(){
$(".menu_img").mouseover(
function(){
$("#menu"+$(this).attr("tab")).show();
var offset = $(this).offset();

$("#menu"+$(this).attr("tab")).css('top','250px' );
$("#menu"+$(this).attr("tab")).css('left',offset.l eft+'px');


});
$(".links").hover(function(){},function(){
$(this).hide();
});

});
Напрвте на путь истинный...для просмотра сайт в поддомене Http://doc1.glavbyha.net

Re: Помогите победить хаки, к вопросу о кроссбраузерности в кипе с js
 

До ужаса кривой код!
Ты уж определись с таблицей ты работаешь или с дивами.
Какой ужас во всем этом разбираться: div class="links" и тут же style="position: absolute;display: none;"
в CSS прописать не судьба

Сделай пробный файл HTML без PHP и нормально пропиши таблицу стилей, тогда и смотреть можно.

Re: Помогите победить хаки, к вопросу о кроссбраузерности в кипе с js
 

Это наследство...а разбираться с этим, как вы говорите, ужас как ломает, а придется...