Infobox

[Eric Teubert]

Huhu,

Hab mich dann mal an die Infoboxes gewagt.
http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm

Funktioniert auch alles ganz gut, hab es etwas abgewandelt, nur habe ich ein Problem ...
Ich habe diese Infobox nun in ein <th> einer Tabelle gepackt und arbeite statt mir position:absolute mit position:relative.

Wenn ich jetzt allerdings über das Hoverelement gehe, wird das gesamte <th> verzerrt. Woran kann das liegen, bzw. wie kann ich das umgehen? ( ich würde gerne position:relative beibehalten )

Hier der Code:

#box a {
color:#FFA35F;
font:bold 12px verdana, sans-serif;
text-decoration:none;
display:block;
padding:0px;
}

#box a:hover {
color:#FFA35F;
}

#box a span {display:none;}

#box a:hover span {
position:relative; left:30px; top:30px; z-index:300;
display:block;
color:#FFA35F;
background:#000000;
font:normal 13px arial, sans-serif;
border:1px solid #E03030;
padding:3px;}

und html:

<th class="char" colspan="2">
   <div id="box"><a href="#">Übersicht<span>Lorem ipsum dolor sit amet.</span></a></div>
  </th>