Problema con DIV's

[izyedu]

Hola, tengo un problema, y es el siguiente:

Necesito poner 2 contenedores DIV uno encima del otro, para que con javascript consiga que aparezca uno u otro.

Pero el problema se centra en el aspecto éstetico no tanto en la programación.

El caso es que en FIREFOX y GOOGLE CROME se ve como deseo, que es así:

subirimagenes . com / privadas-crome-702747 . html <-- junta los espacios

Pero con INTERNET EXPLORER 8 se me ve así:

subirimagenes . com / privadas-ie8-702754 . html <-- junta los espacios

Este es el codigo, hambos divs se encuentran dentro de otro DIV con position:absolute; y éste a su vez dentro de una celda.

Código HTML:

    <tr>
        <td colspan="2" align="center">
            <div style="position:relative; width:650px; height:388px;">
                <div style="position:absolute; visibility:visible;">
                    <img src="img/fotoequipo.jpg" alt="Equipo" border="0" longdesc="Foto de equipo" />
                </div>
                <div style="position:absolute; visibility:hidden;">
                                	otra foto
                </div>
            </div>
        </td>
    </tr> 

[caricatos]

Hola:

Supongo que debería bastar con aplicar los estilos left/top con el valor 0 (cero), pero también tendría que valer usar display en vez de visibility...

Saludos

[izyedu]

ya lo solucione, mi problema era que el <TD> lo tenia aling="center" y alineaba el borde izquierdo del DIV en el centro de la celda. Asique con quitar la propiedad aling a sido suficiente, pero para que ponga el div bien centrado en la celda hizo falta ponerle el estilo margin=auto;

De todas formas, muchas gracias por la respuesta!

Código HTML:

 <tr>
        <td colspan="2">
            <div style="position:relative; width:650px; height:388px; margin=auto;">
                <div style="position:absolute; visibility:visible;">
                    <img src="img/fotoequipo.jpg" alt="Equipo" border="0" longdesc="Foto de equipo" />
                </div>
                <div style="position:absolute; visibility:hidden;">
                                	otra foto
                </div>
            </div>
        </td>
    </tr>