Text scheint im Tooltip durch

[stabilo]

Hi ihr,

ich verwende folgenden CSS-Code für meinen Tooltip:

/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: italic;
  color: #0000ff;
  }

a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 125px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  font: 10px Verdana, sans-serif;
  text-align: left;
  }

Im HTML-Code wird der Tooltip wie folgt eingebaut:

<a class="tooltip" href="#">Tooltip <span>Und hier die Erklaerung zum Tooltip</span></a>

Wenn ich jetzt aber z.b. in einer Tabelle mehrere Zellen untereinander habe, die alle mit diesem Tooltip formatiert sind, erscheint zwar die gelbe Tooltipbox mit dem Text darin, er scheint aber auch die darunterliegende Zelle durch, wenn die Tooltipbox groß genug ist und auf die nächste Tabellenzeile reicht.

Hat jemand einen Tipp, wo ich das ändern kann?

mfg

Carsten