Problema con desplegable en IE

[Chusprus]

Buenas.
Mi problema esta en un menu desplegable que he hecho. El fallo me lo da en IE 9, pero solo en modo de vista de compatibilidad, con lo que supongo que el fallo lo da IE7, el problema es que no despliega el menu. El codigo del script que uso es :

var inicio=function()
{
var x =0;
var aumentar=function(e)
{
var ul=this.getElementsByTagName("UL")[0];

if(ul.alto===undefined)
ul.alto=ul.clientHeight * -1;
var f=function()
{
if(ul.alto<190 )
{
ul.alto+=2;
ul.style.height=ul.alto+"px";
}
}
window.clearInterval(ul.t1);
ul.t1=window.setInterval(f,1);
}
var parar=function(e)
{
var ul=this.getElementsByTagName("UL")[0];
var d=function()
{
if(ul.alto>0)
{
ul.alto-=2;
ul.style.height=ul.alto+"px";
}
}
window.clearInterval(ul.t1);
ul.t1=window.setInterval(d,1);
}
var h1=document.getElementsByTagName("H1");
for (var i=0;i<h1.length;i++)
{
if(i!=0 && i<=6)
{
h1[i].parentNode.onmouseover=aumentar;
h1[i].parentNode.onmouseout=parar;
}
}
}

Y creo que se donde esta el fallo, pero no la solucion. El error me lo da en "ul.style.height=ul.alto+"px";", y supongo que es que no reconoce el valor al no estar entrecomillado, pero al cogerlo de una variable, no se como ponerlo para que no me de fallo.

A ver si alguien me sabe ayudar.
Gracias