Problema com a pseudo-classe hover

EricMiguel · 15 de setembro de 2012

Sinceramente, não sei onde errei. Alguém que esteja vendo o erro pode me mostrar, por favor? Como podem ver, é apenas um menu horizontal, e minha humilde intenção é trocar tanto a cor de fundo quanto a cor de texto do link.

Marcação:

      <nav id="topMenu"> 
        <ul> 
          <li><a href="#">home</a></li>
          <li><a href="#">team</a></li>
          <li><a href="#">portfolio</a></li>
          <li><a href="#">clients</a></li>
          <li><a href="#">contact</a></li>
        </ul>
      </nav>

CSS do menu em questão:


#topMenu{
	text-align: center;
	text-transform:uppercase;
	font-size:15px;
	font-family:"Century Gothic", Harrington, sans-serif;
}
#topMenu ul{
	margin: 0 auto;
	display: inline-block;
}
#topMenu ul li{
	list-style: none;
	display:inline-block;
	margin-left: 10px;
}
#topMenu ul li a{
	display:block;
	text-decoration: none;
	color: #343434;
}
#topMenu ul li a: hover{
	color: #ffffff;
	background: #E06A41;
}