Lista não ordenada dentro de navegação não está presente na Ópera de todas as outras navegador comportar-se normal

Question

Um dos meus sites tem uma barra de navegação horizontal, que é criado usando uma lista.Além de um pequeno bug no Firefox a lista parece e trabalha bem até agora - exceto em Opera 11.61.Há a lista de elementos não aparecer em tudo!Como a lista é o site principal de navegação é aninhada dentro de uma nav elemento.Até agora a minha depuração mostrou que este é o lugar onde o problema está.

Quando eu remover quaisquer informações de plano de fundo (como background-image ou background-color) a partir do nav elemento da lista é ainda invisível posso ver o body's background-color.Também a atribuição de diferentes z-index valores não fez nada.Mas a remoção do nav elemento de ajuda - quando não houver nav a lista mostra.

Eu criei um pequeno teste de caso ilustrando o problema (lembre-se:Deve ser aberto com o Opera.): http://jsfiddle.net/sX5KF/

Você tem alguma idéia de por que este problema ocorre?Existe uma falha no meu código, ou é apenas algo como um bug no Opera?O que posso fazer sobre isso?

Answer 1

Tudo bem, eu encontrei o erro.Opera apresenta nada porque eu definir content: ""; no after-elemento.Outros navegadores parecem ignorá-la, mas não Opera.Eu defini-lo, porque eu lê-lo é necessário, mas, na verdade, ele funciona mesmo sem content: "";.