Mover un enlace de un menu con rollover

[armandoweb]

Amigos:

Estoy trabajando con un menu con css y jquery.

Este es el menu:

http://www.awdesarrollos.com.ar/esit/

Lo que necesito hacer es que al pasar el mouse por encima del enlace, el texto también baje como lo hace el fondo del li, pueden orientarme como hacerlo?

Desde ya muchas gracias.

[pistonasos]

Los porcentajes no te sirven?
Por otro lado, te iva a recomendar que lo que le sumes de alto a los elementos se lo sumes al texto pero, usás un framework y encima está ofuscado u optimizado para tamaño. Por eso te recomendaría que lo hagas bajo tus própios métodos si el tiempo no es un problema. Aparte de que lo que hagas se va a ajustar a tus necesidades y va a ocupar mucho menos tamaño.
Al menos que consigas ese framework desofuscado y lo modifiques.
Salu2

[armandoweb]

Hola:

Lo único que necesito es mover el texto del enlace, lo demás como lo tengo hecho está bien.
No tengo demasiados conocimientos en js como te darás cuenta, por eso no se como hacer algo tan simple.
Desde ya agradezco tu ayuda.

[Dafonz]

Como veo en la hoja de estilos que le pones line-height:10em puedes jugar con eso para también animarlo y bajar el texto, quedaría algo así:

Código Javascript:

$("li.link").hover(function(){
            $(this).animate({ height: "130px" });
            $(this).children("a").animate({"line-height":"14em" });
            
        }, function() {
            $(this).animate({ height: "90px" });
            $(this).children("a").animate({"line-height":"10em" });
        });
        
        $(".current").hover(function(){
            $(this).animate({ height: "130px" });
        });
 

[armandoweb]

Genial Dafonz!
Perfecto, es lo que necesitaba!
Muchisimas gracias!
Saludos.