div's que no se ocultan

[takezo]

a quien pueda ayudarme,
Hola a todos,
Tengo los siguientes css para ocultar/mostrar capas:
idioma1.css --> .idioma2{display:none}
idioma2.css --> .idioma1{display:none}

Los uso para mostrar mi web en dos idiomas. En cada página tengo dos divs que contienen cada uno de ellos el mismo texto pero en diferente idioma.
Activo o desactivo los idiomas mediante el enlace:
<div id="menu" class="idioma1" >
<a href="#" onclick="setActiveStyleSheet('idioma2'); return false;" class="enllaçmenu">Versi&oacute;n en catal&aacute;n</a>

</div>
<div id="menu" class="idioma2">
<a href="#" onclick="setActiveStyleSheet('idioma1'); return false;" class="enllaçmenu">Versi&oacute; en castell&agrave;</a>
</div>

el resultado ha ido siendo el esperado hasta que en una pagina.php los divs contienen formularios. entonces esté activado un idioma u otro siempre me muestra el primer div (el primer formulario). He intentado poner fuera del código php el <div id="loquesea" class="idioma1"> pero ni con esas. Porqué pasa esto?
Gracias.

[emiliodeg]

hay algun url donde ver el ejemplo online?

es mejor usar div{position:absolute;left:-9999em} en vez de usar {display:none}

[kseso?]

Takezo, creo que para eso podrías basarte en el menú nº 4 que Mikmoro tiene publicado en este tema.

Sólo es cuestión de adaptarlo a dos opciones y dejar la primera de ellas visible.

La ventaja de usar listas (ul/li) es que dentro de cada li puedes alojar cualquier otro elemento: imágenes, div´s, distintos enlaces... etc.

Un saludo