Es que justamente debes darle estilo no a tooooodo, sino específicamente:
Código CSS:
Ver original.menu a {}
.menu a:hover {}
.contenido a {}
.contenido a:hover {}
así no se revuelven.
Lo que significa los a que estén dentro de .menu y asi.
Investiga de tarea los
selectores css, ya que hay muchas combinaciones, si están dentro si son hermanos, si son el primero, o el número par... etc.