Michael S.: Artefakte bei ein-/ausblenden über visible/display

Beitrag lesen

Ich hab in einer Seite ein Paar Infoboxen eingebaut, die über die visible-eigenschaft beim hovern von links sichtbar werden. Bei IE benutzt man halt display. Alles funktioniert auch wunderbar, jedoch nicht wenn man in diese "unsichtbare" Infobox versucht Tabellen reinzupacken. Seltsamerweise verschwinden beim IE sämtliche Elemente der Infobox, sobald man die Maus wegnimmt, jedoch nicht der Rahmen der Tabelle. Bei FF & Opera funktioniert alles wunderbar.

Der Style für die ganze geschichte sieht so aus:

<!--[if IE 5]><style type="text/css">
  a.infobox div { display:none; }
  a.infobox:hover div { display:block; }
</style><![endif]-->

<style type="text/css">
a.infobox div
{
    visibility:hidden;
    position:absolute;

left:16em;
    margin-top: 0px;

margin-top:1.5em;
    padding:1em;
    text-decoration:none;
    width: 500px;
}

a.infobox:hover div
{
    visibility:visible;
    border:1px dotted #666666;
    color:blue;
    background:white;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
}
</style>

Hab ursprünglich keine <div>-Elemente, sondern spans benutzt. Wurde dann von der Gemeinde wüst dafür beschimpft und habs abgeändert -.-

Hat jemand eine Idee was ich anstellen könnte, damit beim IE die Tabellen(Rahmen) genauso verschwinden wie bei den anderen Browsern?

mfg
Micha