Fancy-Menú sin imágenes

Y así nos dejamos de tanto trabajo. Y queda también muy guapo. Lo podéis ver en el footer de mi blog de pruebas Imagen

Dejad los scripts como están y tan sólo eliminad todo el css del Fancy menú para colocar éste en su lugar:

#fancymenu {
position: relative;
width: 100%;
background:#2E5F6B;
padding: 15px;
margin: 10px 0;
overflow: hidden;}
#fancymenu ul{
padding: 0;
margin: 0;}
#fancymenu ul li {
float: left;
list-style: none;}
#fancymenu ul li a {
display: block;
float: left;
color:#fff;
padding:10px 20px;
position: relative;
overflow: hidden;
z-index:10;
text-decoration:none;
font-size:18px; }

#fancymenu li.background {
z-index: 8;
border-bottom:5px solid #18B3DB;
position: absolute;
visibility: hidden;
padding:0 0 0;
height:40px;
}

La solución la da Alvin en el foro del menú-fancy... y no puedo daros su URL porque... le han hackeado el blog. Mecachis...