[Resolvido] erro display:none no IE

Olá pessoal,

Estou com um problema no uso do display:none, funciona corretamente no firefox, mas no IE é como se estivesse utilizando visibility: hidden (não aparece mas ocupa espaço). Alguém aí pode me ajudar?

Já dei uma pesquisada, inclusive aqui mesmo mas não encontrei algo semelhante.

meu código:

css

.boxMensagem{
 display: none;
 width: 270px;
}

parte do jsp

<div class="boxMensagem" id="mensagem">
	<div class="boxMensagem_head"></h2>
 </div>
	<div class="boxMensagem_body">
 <div align="center" style="padding-top: 5px;"><img width="220"
 height="140" src="site/img/icones/reitoria_ufba.gif"
 style="border: 5px solid rgb(231, 231, 231);"
 title="UFBA - Fachada da Reitoria" id="image1" />
 </div>
 <div align="center" style="padding-top: 2px;"><a
 onclick="$('image1').src='site/img/icones/portao_ufba.gif'; $('legenda').innerHTML = 'UFBA - Portão Principal';"
 href="###"><img border="0" align="absbottom"
 src="site/img/icones/seta_left.gif" title="imagem anterior" /></a> <span
 id="legenda">UFBA - Fachada da Reitoria</span> <a
 onclick="$('image1').src='site/img/icones/reitoria_ufba.gif'; $('legenda').innerHTML = 'UFBA - Fachada da Reitoria';"
 href="###"><img border="0" align="absbottom"
 src="site/img/icones/seta.gif" title="imagem seguinte" /></a>
 </div>
 <div align="right"><a onclick="Effect.Fade('mensagem');" href="###">fechar</a>
 </div>
	</div>
</div>

Obrigada.