Problema con un script - Mostrar/Ocultar una tabla

[joros83]

Saludos , tengo el siguiente problema :

<script language="javascript">
function mostrar_ocultar(name)
{

if ( name == 'Add more pets' )
{
document.getElementById('button_pet').value='Close ';
document.getElementById('table_p1').style.display= 'table'; /// aqui es mi problema
}
if ( name == 'Close' )
{
document.getElementById('button_pet').value='Add more pets';
document.getElementById('table_p1').style.display= 'none';
}
}

</script>


al usar style.display='table'; para mostrar la tabla dado un click en un boton , me presenta el problema de que me funciona correctamente en mozilla , pero al usar el internet explorer no se me presenta nada de informacion , es decir no se muestra la tabla que estaba oculta y que la quiero mostrar luego de dar click , alguien me podria ayudar ??

No se si usar alguno de los atributos del display , intente usar 'block' , pero asi se me arreglo el problema en el internet explorer , mas en el mozilla me presento el problema que se me descuadra completamente y no quiero esto

Hay alguna manera de usar un metodo con un navegador y otro metodo diferente con un navegador distinto , de ser asi cual seria ?'

Muchas gracias por su ayuda