Todo esto:
Código CSS:
Ver original#cm-nav a {background-color: #87121b}
#cm-nav a {border-color: transparent}
#cm-nav a {color: #ffffff}
#cm-nav a {font-family: georgia}
#cm-nav a {font-size: 12pt}
#cm-nav a {padding-top: 22px}
#cm-nav a {padding-bottom: 22px}
#cm-nav li:hover > a {background-color: #e3d5b3}
#cm-nav li:hover > a {color: #382517}
#cm-nav a {padding-left: 24px}
#cm-nav a {padding-right: 24px}
#cm-nav a {font-variant: normal}
Es igual a hacer esto:
Código CSS:
Ver original#cm-nav a {
background-color: #87121b;
border-color: transparent;
color: #ffffff;
font-family: georgia;
font-size: 12pt;
padding-top: 22px;
padding-bottom: 22px;
padding-left: 24px;
padding-right: 24px;
font-variant: normal;
}
#cm-nav li:hover > a {
background-color: #e3d5b3;
color: #382517
}
Y esto:
Código CSS:
Ver original#cm-nav li ul ,
#cm-nav li:hover ul ul ,
#cm-nav li:hover ul ul ul ,
#cm-nav li:hover ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul {
z-index: 999;
position: absolute;
display: none
}
Igual que:
Código CSS:
Ver original#cm-nav li ul ,
#cm-nav li:hover ul ul {
z-index: 999;
position: absolute;
display: none
}
Y así hay algunas cosas más. Así que si, genera mucho código innecesario/inútil.
Creo que no hay ningún programa de este tipo —ya sea un generador de menús o directamente uno tipo Dreamweaver— que no genere código apto para reducir a la mitad como poco. Y no es muy raro, ya que suelen sufrir de poca optimización en favor de cierta facilidad para el principiante.
Aquí se insiste siempre en que uno escriba su propio código, y no son caprichos de quienes llevan un rato con estas cosas, sino porque aparte de conocer en profundidad tu código, también será (o debería ser) un código más limpio, claro y focalizado a lo que tiene que hacer ese código.