Подскажите как правильно сделать?
Есть меню (кстати обязательно ul, li прописывать?):
Код:
<table cellSpacing=10 cellPadding=0 width=200>
<tr>
<td id="menu" *class="text" width=180>
<?php ......print "
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]"
?>
</td>
</tr>
</table>
В css-файле прописал:
Код:
a span {display: none; position: relative;}
a:hover span {
 *display: block;
 *position: absolute; 
 *margin-top: 10px;
 *margin-left: 20px;
 *COLOR: #000000; 
 *background: #FFFACD;
 *border: 1px solid deepskyblue;
}
В итоге получилось, что титлы появляются сразу после текста ссылки. Если margin-top: 10px; margin-left: 20px; поменять просто на top и left, то титл улетает в верхний левый угол страницы.
А мне надо, чтобы они появлялись впритык к правому краю ячейки меню (td) или хотя бы не скакали друг относительно друга при наведении курсора.
Как это сделать?
Или вообще по-другому принципу как-то?