Hover über hove beenden?

[Xeramos]

Hallo Leute ich habe ein kleines Problem.

Hier erst mal etwas Code zum erklären.

Code: Alles auswählen

<div id='spl'>
<a href="#">SPL
  <span>
   <table>
    <tr class="top">
     <td class="label"colspan="3" >Spezials</td>
     <td class="close"><a class="cl" href="#"><img src="images/close.png"></a></td>
    </tr>
....


Und das CSS dazu

Code: Alles auswählen

#spl a span {display:none;}

#spl a:hover span{
   position:absolute; top:200px; left:200px;
   color:black;
   background:black;
   width: 260px;
   height: 120px;
   display:block;
   padding:100px;
   }
   
#spl a {text-decoration:none}
#spl table {
background:#ccc;
border: 1px solid black;
font:normal 14px arial, sans-serif;
color:black;
}
#spl .top {
background:#3366ff;}

Wenn ich mit der Maus über den Link SPL fahre wird mir alles richtig angezeigt aber jetzt möchte ich über den Link in der Tabelle

Code: Alles auswählen

<td class="close"><a class="cl" href="#"><img src="images/close.png"></a></td>

das ganze wieder ausblenden aber ich weis nicht wie, da #spl a:hover ja aktive ist solange ich in diesem bereich bin.

Hat jemand eine Idee wie ich das lösen kann? Oder eventuell umschreiben das so etwas in der Art möglih ist?

[sejuma]

Ob und wie das geht weiß ich nicht.
Fakt ist aber, dass deine Konstruktion invalide ist:
Nach der Elementreferenz darf span keine Tabelle enthalten bzw. eine Tabelle nicht innerhalb span vorkommen, siehe
http://de.selfhtml.org/html/referenz/elemente.htm#table
http://de.selfhtml.org/html/referenz/elemente.htm#span

Soll das so ne Art Ausklapp-Navi werden? Dann hilft vielleicht das weiter:
http://www.ohne-css.gehts-gar.net/0066.php