Son confiables los programas gratis para hacer menues CSS?

[Lola Lola]

Hola pzin, el menu que he creado con el programa es este (solo la opción de recuadros rojos, el fondo de madera es parte del diseño web):



el código CSS generado por el programa es este:

ul#cm-nav ,
ul#cm-nav ul {
list-style-type: none;
margin: 0px;
list-style-image: none;
padding: 0px
}

ul#cm-nav li {
position: relative;
list-style-type: none;
margin: 0px;
width: auto;
float: right;
list-style-image: none;
padding: 0px
}

ul#cm-nav li li {
width: auto;
float: none
}

#cm-nav a {
border-bottom: black 1px solid;
text-align: left;
border-left: black 1px solid;
display: block;
white-space: nowrap;
background: yellow;
border-top: black 1px solid;
border-right: black 1px solid;
text-decoration: none
}

#cm-nav a:focus {
outline-style: none;
outline-color: invert;
outline-width: medium
}

#cm-nav a.no-click {cursor: default}

#cm-nav li a {margin: -1px -1px 0px 0px}

#cm-nav li li a {margin: 0px 0px -1px}

#cm-nav > li > a.arrow {padding-right: 14px}

#cm-nav ul.arrow-pad > li > a {padding-right: 11px}

#cm-nav li a.arrow ,
#cm-nav > li > a.arrow {
background-repeat: no-repeat;
background-position: right 50%
}

#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
}

#cm-nav li:hover ul {display: block}

#cm-nav li li:hover ul ,
#cm-nav li li li:hover ul ,
#cm-nav li li li li:hover ul ,
#cm-nav li li li li li:hover ul ,
#cm-nav li li li li li li:hover ul ,
#cm-nav li li li li li li li:hover ul {
display: block;
margin-left: 100%
}

#cm-nav li:hover ul {margin-left: 0px}

#cm-nav ul ul {
top: 1px;
left: -1px
}

#cm-nav li {top: -1px}

#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}



A este codigo se suman dos archivos XML tambien generados por el programa, el primero (cm-config.xml) con las instrucciones:

<?xml version="1.0" encoding="utf-8"?>
<menuConfig>
<ver>1</ver>
</menuConfig>


y el segundo (cm-data.xml) con las instrucciones:

<?xml version="1.0" encoding="utf-8"?>
<menuinfo>
<menu>
<item url="index.htm" lbTxt="Welcome"/>
<item url="local.htm" lbTxt="Local"/>
<item url="menu.htm" lbTxt="Menu"/>
<item url="videos.htm" lbTxt="Videos"/>
<item url="contact.php" lbTxt="Contact"/>
</menu>
</menuinfo>


No es mucho para un menu CSS?? Es este resultado un trabajo más correcto y profesional o complejiza un poco el sitio innecesariamente?

Gracias y Saludos!

Lola Lola