CSS:mettre une bordure dans un menu?

salut, j'ai un menu très simple composé avec les élements d'une liste. Je voudrais mettre une bordure fine horizontale en pointillé entre chaque élement de ce menu, jusqu'à ma page principale du milieu. Il faudra aussi une espace régulier entre chaque entrée du menu et cette bordure. Je pourrais bien sûr utiliser un tableau et des cellules et la fonction Border. J'ai essayé mais ma mise en page est changée. Je voudrais, si possible, sans tableau.
Autre chose, comment met-on des liens en css?Je ne trouve pas la fonction, je veux dire, les couleurs changent en passant avec la souris sur les éléments du menu.
Voici mon code HTML suivi de la CSS.



<div id="menu" >
<ul>
<li>
<strong><a href="index.php?page=home">Home</a><br />
</strong>
</li>
<li>
<strong><a href="index.php?page=profil">Profil</a><br />
</strong>
</li>
<li>
<strong><a href="index.php?page=cout">Coûts</a> <br />
</strong>
</li>
<li>
<strong><a href="index.php?page=rubrique">Rubrique</a> <br />
</strong>
</li>
<li>
<strong><a href="index.php?page=info">Information</a> <br />
</strong>
</li>
<li>
<strong><a href="index.php?page=contact">Contact</a><br />
</strong>
</li>

<li>
<strong><a href="index.php?page=form">Formulaire</a><br />
</strong>
</li>
</ul>
</div>


ma page css:



div#menu {
position: absolute;
width: 107px;
height: 420px;
left: -18px;
padding-left:inherit;
margin-top: 130px;
top: 27px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
}

Merci de votre aide.
A+