Ho un problema con MSIE7 relativo ad una porzione della pagina che nascondo/visualizzo utilizzando i link "Mostra solo gli eventi in programmazione" e "Visualizza anche gli eventi trascorsi". Il div che nascondo con MSIE7 non collassa e mi manda giù gli eventi programmati che invece dovrei far salire nello spazio precedentemente usato dagli eventi trascorsi.

Di seguito illustro come ho fatto.
Ho scritto i seguenti javascript


<script type="text/javascript">
function hideObject(id) {
document.getElementById(id).style.visibility = "hidden";
document.getElementById(id).style.height="0";
document.getElementById(id).style.fontSize= "0";
}

function showObject(id) {
document.getElementById(id).style.visibility = "visible";
document.getElementById(id).style.height="";
document.getElementById(id).style.fontSize= "";
}

function showPastEvents() {
showObject('eventiPassati');
hideObject('butShow');
showObject('butHide');
}

function hidePastEvents() {
hideObject('eventiPassati');
showObject('butShow');
hideObject('butHide');
}


window.onload=function(){
if(document.getElementsByTagName && document.getElementById){
hidePastEvents();
}
}
</script>

Gli eventi passati sono racchiusi nel <div id="eventiPassati"> mentre gli altri eventi che visualizzo sempre sono racchiusi nel <div id="eventiProgrammati">

nella pagina ho agganciato ai link il seguento codice html

<div id="butHide">
Mostra solo gli eventi in programmazione
</div>
<div id="butShow">
Visualizza anche gli eventi trascorsi
</div>

i link si alternano in base allo stato della pagina.