(HTML) Layer-Popup außerhalb von Ursprungstabelle erzwingen

[markus1234]

Hallo.

Ich habe ein Problem.
HTML ist nicht meine stärke ...
Ich habe eine kleine Homepage gebastelt und diese mit Ebenen, also Layern aufgebaut.
Nun habe ich mir ein kleines Script aus dem WWW besorgt, welches so aussieht:

a.Box1:hover {
  border: none;
  color: #FF01FF;
  text-decoration: underline;
}
a.Box1 span {
	visibility: hidden;
	position: absolute;
	text-decoration: none;
	padding: 10px;
	left: 0px;
	top: 0px;
}
a.Box1:hover span {
  visibility: visible;
  color: #000000;
  z-index: 1;
  background: #cccccc;
  left: 0;
  top: 0;
 }
a.Box1:hover span img {
  display: block;
  border: none;
}

Die Homepage basiert zwar auf Ebenen, aber doch konnte ich einiges besser in Tabellen, die sich in den Ebenen finden platzieren.

Der obrige Code dient nur zum erstellen/versetzen des Layers, mit folgendem rufe ich diesen auf:

VOR dem platzierten Bild in einer Tabelle:

<a href="#" class="Box1">

Danach:

<span><img src="images/image.jpg"></span></a>

Doch es funktioniert nicht.
Soll mir niemand sagen, dass die Positionen nicht stimmen, die hab ich testweiße ins linke obere Eck verbannt. Das Problem ist, dass der Popup-Layer sich nur an der Tabelle orientiert, in der er aufgerufen wird. Dazu wird er "Beschnitten", da die Tabelle eher klein ist.

Gibt es evtl. eine sehr einfache Lösung für das Problem?
Ich wäre sehr dankbar

mfg,
Markus

 

[markus1234]

Nachtrag:

Ich habe jetzt die Tabelle gegen eine Ebene getauscht. Nun habe ich nur noch einige Tabellen für Text drin.

Doch das Problem bleibt dasselbe, die Position des Popup-Layers orientiert sich an der Ursprungs-Ebene. Ich komme einfach nicht weiter.

mfg,
Markus