Ayuda: Div height:0 y innerHTML

[gepd]

Mira te explico un poco mas detallado, he utilizao un codigo de aqui para grandar y achicar el div, luego que termina de agradarse con innerHTML

Código:

function agrandar (){
    div = document.getElementById('mensaje');
    //aqui agrando el div progresivamente con setTimeout();
   //cuando finaliza...
   div.innetHTML = 'texto que deseo que aparezca';
}
function achicar (){
    div = document.getElementById('mensaje');
    div.innetHTML = ''; //elimino el texto del div
    //aqui achico el div progresivamente con setTimeout();.
}

éste seria el div

Código:

<div id="mensaje" style="width:100%; heigth:20px;"><!-- --></div>

mas o menos es eso...
pero al achicar vuelve a quedar el espacio que deja explroer por defecto en los div.
aunque ponga div.innerHTML = '<!-- -->';


saludos