Una forma más para hacerlo:
Cita: <div id="menu">
<a href="index.php" class="item_menu active" >
<span class="texto_blanco">INICIO</span>
</a>
<a href="#" class="item_menu" ><span class="texto_blanco">LA SASTRERIA</span>
</a>
<a href="#" class="item_menu" >
<span class="texto_blanco">GALERIA FOTOGRAFICA</span>
</a>
<a href="#" class="item_menu" >
<span class="texto_blanco">NOTICIAS</span>
</a>
<a href="#" class="item_menu" >
<span class="texto_blanco">CATALOGO</span>
</a>
<a href="#" class="item_menu" >
<span class="texto_blanco">CONTACTO</span>
</a>
</div>
CSS: Cita: a.item_menu .active {
padding-top:15px 0 4px 0;
border-top:medium solid #fff;
border-bottom:medium solid #fff;
border-right:0;
border-left:0;
}
Hay tienes, pero también te mejoro todo el CSS:
Cita: a.item_menu {
float:left;
width:auto;
margin-left:20px;
height:30px;
padding-top: 20px 10px 0 10px;
}
a.item_menu:hover {
padding-top:15px 0 4px 0;
border-top:medium solid #000;
border-bottom:medium solid #000;
border-right:0;
border-left:0;
}
a.item_menu:active {
padding-top:15px 0 4px 0;
border-top:medium solid #000;
border-bottom:medium solid #000;
border-right:0;
border-left:0;
}
Saludos!