ToolTips selbst erzeugen, "reservierter Platz"-Problem

[Patrick]

Hallo Leute,
ich möchte einen ToolTip selbst erzeugen.

Eine Art kleine Notiz, die etwas oberhalb eines Inputfeldes schwebend eingeblendet wird.

Ich dachte es so lösen zu können.

<table border="1">
 <TR>
  <TD>
   <input type="text" value="hans" size="20" />
   <span style="position:relative; top:-15px; left:-100px;">peter</span>
  </TD>
 </TR>
 <TR>
  <TD>
   <input type="text" value="hamburg" size="20"/>
   <span style="position:relative; top:-15px; left:-100px;">berlin</span>
  </TD>
 </TR>
</table>

Die Positionierung funzt gut... Allerdings werden die Textelemente peter und berlin bzw. deren Platz, die vom Browser reserviert werden nach wie vor neben dem Inputfeld definiert und es enstehen unschöne freie Flächen.

Hat jemand eine Idee, wie ich das unterbinden kann ?
Das css display scheint mir nicht weiterhelfen zu können.
Auch eine Kombination aus display:none; und visibility:visible; funzt nicht, wäre aber auch ziemlich gehackt.

Help !?

Danke und Gruß
Patrick