Форум PHP

Здравствуйте вопрос простой, но не смог найти конкретной инфы.

Есть таблица:


Код:


<table width="717" border="0">
<tr>
<td ><p class="tt">
При наведение курсора на <a class="tooltip" href="#">этот текст<span class="hovertip">Вот и всплывающая подсказка</span></a> появится всплывающая подсказка.
</p></td><tr>
</table>

Вопрос в том, как сделать при помощи OnMouseOver, чтобы всплывающая подсказка появлялась при наведении на ячейку, а не на текст внутри нее?
А также как внести все это в цикл(в примере ниже всплывающая подсказка не выводится)?


Код:


<style type="text/css">
.hovertip {
position: absolute;
display: none; /* in case javascript is disabled */
width: 270px;
height:350px;
background: url('sub-bg.png') no-repeat;
font-size: 10px;
z-index: 100;
margin-left: 5px;
margin-top: 10px;
}
p.tt {position: relative;}
a.tooltip:hover {background: #FFFFFF; text-decoration:none; }
a.tooltip span { display:none; width:250px; text-align: left; }
a.tooltip:hover span { display:block; position:absolute; z-index: 100; top: 10px; left: 200px; background: url('sub-bg.png') no-repeat; color:#3A3A3A; }
</style>
<?php

$db = new mysqli('localhost', 'root', '', 'baze');
if (!$db){echo "not connected!!!";}
else
{
echo '<table border="0">';
for($a=1;$a<=50;$a++){
echo '<tr id="'.$a.'">';
for($b=1;$b<=50;$b++){
$query = 'select * from table where ids = "'.$a.'.'.$b.'"';
$result = $db->query ($query);
$row = $result->fetch_assoc();
$row['colours'];
$colours = $row['colours'];
echo '<td height="10" width="10" style="font-size:5" bgcolor="'.$colours.'" id="'.$a.'.'.$b.'">';?>
<p class="tt">
<a class="tooltip" href="#">3123<span class="hovertip"></span></a>
</p>
<? echo '</td>';
}
echo '</tr>';
}
echo '</table>';
}