Bei CSS-Menu Links einbauen...

[Rosenbär]

Hallo, habe das Menu rechts für meine HP nachgebaut und das funktioniert auch sehr gut. Nur wie kann ich anstatt nur Text, der aufklappt, Links einbetten.

Ich habe:

#nav{
    width:        100%;
    position:    relative;
    z-index:        3;
}
#nav a{
    color:#000;
    text-decoration:none;
    display:block;
    padding:0.3em;
}
#nav a:hover{
    color:#000;
    text-decoration:none;
}
#nav a .info{
    display:none;
}

#nav a:hover .info{
    color:#000;
    background:#ccdaff;
    font-weight:normal;
    font-size:    0.8em;
    display:block;
    margin-left:    0.5em;
    padding:0.2em;} 

Wenn ich Links einbetten möchte (also anstatt wie auf der Beispielseite "Lorem ipsum..."), dann werden diese nicht wie die anderen versteckt und erst bei "hover" eingeblendet, sondern der Link wird normal dargestellt wie im Beispiel "Test-Button 2".
Was muss ich oben noch ändern, damit ich anstatt nur Text auch Links einbeten kann? Muss ich da im HTML noch ein SPAN um die Links machen und dies separat nochmals in CSS notieren?
Habe echt keine Ahnung.

Danke für die Hilfe...

<div id="nav">
	<a href="http://www.abc.com">Über mich
		<span class="info">
			Wer bin ich, was will ich?
			<!-- und diesen Link möchte ich hier einbetten, was aber nicht geht-->
<a href="www.def.com">Meine Person</a>
		
</span>	
	</a>
</div>

[Guin]

Du hast 2 ineinader geschachtelte Links in deinem Beispiel:

<a href="http://www.abc.com">Über mich
  <span class="info">
     Wer bin ich, was will ich?
     <a href="www.def.com">Meine Person</a>
  </span> 
</a>

[Rosenbär]

hmm... ok.
Stimmt. Dann versuche ich mal morgen das anders zu schreiben.
Danke für den hinweis...