No había visto tu respuesta Thunder!
Haces una lista con viñetas de tus links y luego le aplicas un borde a la lista y otro a los links:
Código:
.links ul{
display: inline;
}
.links li {
width: 150px;
text-align: center;
border: 1px solid black;
list-style-type: none;
background-color: #FFFF00;
}
.links a {
display: block;
width: 99%;
height: 99%;
padding: 5px 0;
border: 1px dotted black;
color: #990000;
text-decoration: none;
}
.links a:hover {
background-color: #CCCCCC;
}
yel HTML
Código HTML:
<ul class="links">
<li><a href="#">Inicio</a></li>
<li><a href="#">Fotos</a></li>
<li><a href="#">Enlaces</a></li>
<li><a href="#">Contactarnos</a></li>
<li><a href="#">Foro</a></li>
</ul>
Saludos
PD: así se ve con Firefox:
