Problema en Explorer 6.0 con un <dd> que me mueve cuando esta activo todo.

[spyhardnet]

Tengo un menu que cuando clicas en servicios se abre una lista de nuevos botones (apartados) . La cosa es que en safari, mozilla etc se ve bien, pero esplorer da problemas. tengo el menu ala izquierda y luego ala derecha el contenido. Pues en explorer se me mueve el contenio para abajo...

Código:

<div id="menu">
<div id="menu1">
<img src="img/menubar.jpg" alt="menubar" /><br />
<a href="index.html">PRESENTACIÓN</a><br />
<a href="news_c.php">NOTICIAS</a><br />
<a href="javascript:desplegar('servicios');">SERVICIOS</a>
</div>
<div id="menu2">
<dl class="ocultar_menu" id="servicios">
 <dd><a href="activ_c.php">ACTIVIDADES</a></dd>
 <dd><a href="plangestion_c.php">PLAN DE GESTION ANUAL</a></dd>
 <dd><a href="proyect_c.php">PROYECTOS IMPULSADOS</a></dd>
 <dd><a href="asesoramiento_c.php">ASESORAMIENTO</a></dd>
 <dd><a href="ayuda_c.php">GESTION DE AYUDAS</a></dd>
 </dl>
</div>
<div id="menu1">
<img src="img/menubar.jpg" alt="menubar" /><br />
<a href="bienvenido_c.php">ZONA PRIVADA</a>
</div>
<div id="menu1">
<img src="img/menubar.jpg" alt="menubar" /><br />
INTEGRANTES<br />
LINKS<br />
CONTACTO<br />
<img src="img/menubar.jpg" alt="menubar" />
</div>
</div>

En css tengo esto para colocar... que puedo hacer para el explorer?

Código:

.ver_menu {
	margin-top: 2px;
	margin-left: -30px;
	display:block;
}

.ocultar_menu {
	display:none;
}

esto tiene un script java para que funcione.

Código:

function desplegar(categoria){

var menu = document.getElementById(categoria);

    if(menu.className == "ver_menu"){

      menu.className = "ocultar_menu";

    }

    else{

      menu.className = "ver_menu";

    }

}

graciass

[jomaruro]

Hola:

Por favor, no repitas los temas, tenemos más que hacer que leer más de una vez lo mismo ¿Ok?

Saludos.