lien hypertexte dans une box definie en CSS - Communauté Informatique NDFR.net

Bonjour,
j'ai créer un sommaire en CSS, et je souhaite créer des liens vers les pages correspondante, mais je n'arrive pas à introduire les liens

code de ma feuille de style :

body {
background-image: url(images/fond_site_1.jpg);
}
#box {
position:relative; top:15px; left:10px;
z-index:3;}
#box a {
color:#ffff00;
background:#389BD2;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:1px solid black;}
#box a:hover {
color:#ffff00;
background:#389BD2;
width:150px;}
#box a span {display:none;}
#box a:hover span {
position:relative;
color:black;
background:#ffffff;
font:bold 12px verdana, sans-serif;
border:1px solid black;
display:block;
padding:10px;}
-->

et celui de ma page de sommaire :

<html>
<head>
<link rel="stylesheet" href="menu.css" type="text/css">
</head>
<body>
<div id="box"><a href="#">Plan du site<span>Plan du site Internet</span></a></div><br>
</body>
</html>

j'ai tout simplement essayé
div id="box"><a href="#">Plan du site<span><a href=plan_site.htm target=contenu</a>Plan du site Internet</span></a></div><br>

(j'utilise des frames aussi, contenu étant la page où je veux afficher mon sommaire) mais ça marche pas

Si quelqu'un peux m'aider, merci