Tablas invisibles en IE

[mgusdl]

Buenas a todos

Estoy incorporando unos paneles con etiquetas div que aparecen y desaparecen al pulsar un enlace utilizando javascript.
El código que utilizo es parecido a:

Código:

<script language="JavaScript" type="text/javascript">
<!--
function v_panel1() {
	document.getElementById('panel2').style.position = 'absolute';
	document.getElementById('panel2').style.left = '-4000px';
	document.getElementById('panel3').style.position = 'absolute';
	document.getElementById('panel3').style.left = '-4000px';

	document.getElementById('panel1').style.position = 'relative';
	document.getElementById('panel1').style.left = '0px';
	}

function v_panel2() {
	document.getElementById('panel1').style.position = 'absolute';
	document.getElementById('panel1').style.left = '-4000px';
	document.getElementById('panel3').style.position = 'absolute';
	document.getElementById('panel3').style.left = '-4000px';

	document.getElementById('panel2').style.position = 'relative';
	document.getElementById('panel2').style.left = '0px';
	}
function v_panel3() {
	document.getElementById('panel1').style.position = 'absolute';
	document.getElementById('panel1').style.left = '-4000px';
	document.getElementById('panel2').style.position = 'absolute';
	document.getElementById('panel2').style.left = '-4000px';

	document.getElementById('panel3').style.position = 'relative';
	document.getElementById('panel3').style.left = '0px';
	}
function v_nada() {
	document.getElementById('panel1').style.position = 'absolute';
	document.getElementById('panel1').style.left = '-4000px';
	document.getElementById('panel2').style.position = 'absolute';
	document.getElementById('panel2').style.left = '-4000px';
	document.getElementById('panel3').style.position = 'absolute';
	document.getElementById('panel3').style.left = '-4000px';
	}
//-->
</script>

<span onClick="v_panel1();" style="cursor:pointer;">ver panel 1</span>
<span onClick="v_panel2();" style="cursor:pointer;">ver panel 2</span>
<span onClick="v_panel3();" style="cursor:pointer;">ver panel 3</span>
<span onClick="v_nada();" style="cursor:pointer;">Ocultar Todo</span>

<div id="panel1" style="position:absolute; left:-4000px;">
 PANEL1
 <table border="1">
  <tr>
   <td>ejemplo 1</td><td>ejemplo 1</td><td>ejemplo 1</td>
  </tr><tr>
   <td>ejemplo 1</td><td>ejemplo 1</td><td>ejemplo 1</td>
  </tr>
 </table>
</div>
<div id="panel2" style="position:absolute; left:-4000px;">
 PANEL2
 <table border="1">
  <tr>
   <td>ejemplo 2</td><td>ejemplo 2</td><td>ejemplo 2</td>
  </tr><tr>
   <td>ejemplo 2</td><td>ejemplo 2</td><td>ejemplo 2</td>
  </tr>
 </table>
</div>
<div id="panel3" style="position:absolute; left:-4000px;">
 PANEL3
 <table border="1">
  <tr>
   <td>ejemplo 3</td><td>ejemplo 3</td><td>ejemplo 3</td>
  </tr><tr>
   <td>ejemplo 3</td><td>ejemplo 3</td><td>ejemplo 3</td>
  </tr>
 </table>
</div>

No pongo la web original porque está dentro del area restringida del sitio, pero he colgado el ejemplo anterior para que lo probeis con IE y Firefox y ver como en el caso del primero no se ven las tablas:
lehmbergconsultores.es/ejemplo.htm

Antes de registrarme he estado mirando por el foro y apenas encontré un par de posibles soluciones que no han solucionado el contratiempo.

Gracias por leerme y un saludo a todos.
Hay un bar cerca para invitar a una ronda?

[mgusdl]

Buenas de nuevo
He encontrado solución a mi propio problema así que me respondo a mi mismo

Resulta que en el esfInternet Exploter al no definir un ancho al div parece que lo crea pues... en este caso de 4000px de ancho.
Al definir un ancho al div, por ejemplo 500px, el problema se resuelve y se trae la tabla consigo al mover el panel

Bueno, pues nos leemos!
Vss

[Shade]

Si lo que quieres hacer es que aparezcan y desaparezcan... porque no usas:

document.getElementById('panel2').style.display='n one'

? Asi te sacas el elemento de encima y luego lo vuelves a ver con:

document.getElementById('panel2').style.display='b lock'

[mgusdl]

Muchas gracias Shade, funciona mejor así