Como ya comentaba en la segunda parte de la guía de migración, siempre en estos casos es recomendable que pongas las propiedades a los enlaces en lugar de a los LI, porque generalmente las querrás modificar en eventos como al pasar el ratón, y eso te evitará propblemas con IE6.
Prueba estas modificaciones a tu código (copia y pega y luego mira las diferencias con el tuyo):
Cita: body, html {
margin: 0;
padding: 0;
}
ul#pestaña {
list-style: none;
margin: 0;
padding: 10px 0 0 0;
height: 25px;
border-bottom: 1px solid black;
background: rgb(222, 222, 222);
}
ul#pestaña li {
float: left;
margin: 0 5px;
height: 23px;
text-align: center;
position: relative;
width: 150px;
top: 1px;
}
ul#pestaña a {
display: block;
height: 100%;
text-decoration: none;
color: white;
background: rgb(128, 128, 128); font: 14px arial;
border: 1px solid #000;
}
ul#pestaña a:hover {
color: black;
background: #fff;
border-bottom: 1px solid #fff;
}
(sólo quito el fondo y el borde de los LI y se lo pongo a los A, de manera que luego las modificaciones se las pongo a los a:hover)