Consulta etiquetas menú

[pzin]

Pero es que estás sobreescribiendo valores del código que puse en el otro tema:

Código CSS:

#container ul.menu li {
  float:left; /* sobra */
  margin-bottom:-1px;
  display: table-cell;
  text-align: center;
}
#container ul.menu li {
  font-weight:700;
  display:block; /* sobra */
 

Si flotas un elemento automáticamente el valor display se computa como un elemento de bloque. Que de todas formas, luego más abajo vuelves a declarar. ¿Para qué?

Si quitas esas dos cosas te funcionará.

Y si te aparece un extraño espacio a la izquierda, será que no usas ningún tipo de reset, entonces tendrías que ponerle a la lista:

Código CSS:

ul {
  padding: 0;
}
 

Luego repites mucho código. Si tienes la misma clase en varios elementos, puedes hacer:

Código CSS:

.content {
  display:none;
}
 

Siguiendo el principio DRY, es mejor no repetir las cosas.