creo que tienes que quitarle el background al enlace de los sub-menús ya que estan heredando esa propiedad:
Código HTML:
#inicio a ul li a{background: none;}
#inicio a ul li a:hover{background: none;}
#inicio a ul li a:active{background: none;}
eso lo tienes que hacer con todos los enlaces de los sub-menús.
También acuerdate que el orden de las 'pseudo-classes' de los enlaces deben ser así:
Código HTML:
a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */
Tú tienes el 'active' antes del 'hover'. Aquí tienes mas información al respecto:
http://www.w3schools.com/CSS/css_pseudo_classes.asp