Link(<a>) in Link(<a>)

[Mark]

Hallo,

ich versuche gerade mir eine RollOver-Navigation zu basteln.
~~~html

<ul class="sidenav">

<li>
<a href="#" class="root">Startseite</a>
</li>

<li>
<a href="#" class="root">&Uuml;ber uns
<div>Erfahren sie mehr über uns als Gemeinde.
<a href="bla bla bla.html">Unterpunkt</a>
</div>
</a>
</li>

<li>
<a href="#" class="root">Artikel
<div></div>
</a>
</li>
</ul>

  
Die divs sind nur beim RollOver der Links, der class "root", sichtbar. In den divs soll ein kurzer beschreibender Text stehen und dann eben noch Unterpunkte, also sub-menues.  
Nur leider funktioniert das nicht so, wie ich es mir wünschte.  
Sobald innerhalb der divs ein Link ist, wird dieses div nicht mehr angezeigt beim Rollover.  
  
Könnt ihr mir helfen?  
Danke im vorraus.