Prueba:
Cita: #menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
//text-shadow: #000000 1px 2px 2px;
}
#menu a {
color: #FFFFFF;
text-decoration: none;
}
#menu a:hover {
color: #FFFFFF;
text-decoration: underline;
}
#menu span {
font-weight: bold;
color: #666666;
padding: 6px 8px;
}
#t1 {
background-color: #FFCC00;
}
#t2 {
background-color: #CC99CC;
}
#t3 {
background-color: #99CC00;
}
Cita: <body>
<div id="menu">
<p><span id="t1"><a href="#">quiénes somos</a></span></p>
<p><span id="t2"><a href="#">cómo usarla</a></span><p>
<p><span id="t3"><a href="#">preguntas frecuentes</a></span><p>
</div>
</body>
Pero para un menú, sería más correcto usar listas desordenadas (ul/li)