Witam mam taki duży problem...otóż mam kod html w którym po najechaniu na tekst pokazuje się "dymek" i fajnie działa, ale jak chce aby dymek się pokazał w tekście który jest w tabeli to już nie działa

( Mógł by mi ktoś pomóc i powiedzieć gdzie jest błąd

Proszę
Tak działa:<meta http-equiv="content-type" content="text/html; charset=utf8">
body {
background-color:#bcd;
margin:20px; padding:0;
font:normal normal 12px verdana,sans-serif;
}
.chmurka4 {
position:absolute;display:none;left:25px;top:36px;
border:2px solid #fff;background-color:black;color:gold;
padding:5px;font:normal bold 16px arial,sans-serif;
}
<script type="text/javascript"> function Chmurka(T,t){
T.title=''
T.parentNode.lastChild.style.display=t?'block':'none'
}
<span style="position:relative"> <span style="cursor:default" onmouseover="Chmurka(this,1)" onmouseout="Chmurka(this,0)"> <td width=\"180\">Coś fajnego
</td> TREŚĆ dymka
A tak nie: <meta http-equiv="content-type" content="text/html; charset=utf8">
body {
background-color:#bcd;
margin:20px; padding:0;
font:normal normal 12px verdana,sans-serif;
}
.chmurka4 {
position:absolute;display:none;left:25px;top:36px;
border:2px solid #fff;background-color:black;color:gold;
padding:5px;font:normal bold 16px arial,sans-serif;
}
<script type="text/javascript"> function Chmurka(T,t){
T.title=''
T.parentNode.lastChild.style.display=t?'block':'none'
}
<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\">
<span style="position:relative"> <span style="cursor:default" onmouseover="Chmurka(this,1)" onmouseout="Chmurka(this,0)"> <td width=\"180\">Coś fajnego
</td> TREŚĆ dymka