Mouseover-Effekt bei geschachteltem <div> funktioniert nicht!

[Yadgar]

Hi(gh)!

Nachdem man mir schon 2006 erklärt hatte, dass Javascript für Mouseover-Effekte ein ganz großes No-No ist und es mit CSS doch viel einfacher geht, versuche ich jetzt endlich, meine Webseiten auf CSS-Navigation umzustellen.

Die Navigationsschaltflächen sind <div>-Elemente, die ihrerseits innerhalb eines <div> notiert sind. Folglich müsste die entsprechende Pseudoklasse so definiert sein:

div div:hover  
{  
  background-color:#f163a3;  
  border-style:solid;  
  border-width:2px;  
  border-top-color:#ffe7e7;  
  border-right-color:#ffe7e7;  
  border-left-color:#c0597f;  
  border-bottom-color:#co587f;  
}

Leider passiert beim Überfahren mit der Maus rein gar nichts... wieso?

Bis bald im Khyberspace!

Yadgar