overflow en chrome y explorer

Hola a todos,

Tengo un problema que me trae de cabeza, con la propiedad overflow.

Resulta que lo que hago es mostrar una tabla con registros obtenidos desde una base de datos, pero no kiero que me aparezca el scroll si el tamño de la tabla no supera una medida, cuando la supera lo que hago es utilizar la propiedad overflow y asignarle el scrollbar de la siguiente manera.

var Tabla = document.getElementById('TablaResultadosArticulos');

if(Tabla.offsetHeight>450)
{
Tabla.style.height = '450px';
Tabla.style.display = 'block';
Tabla.style.overflow = 'auto';
}else{
Tabla.style.display = 'table-row-group';
Tabla.style.overflow = 'hidden';
}
}

Esto me funciona perfectamente en mozilla, pero en chrome no se porque no admite esta propiedad, o simplemente no me la procesa o hay algo que se me escapa.

A ver si alguien sabe como procesa chrome y explorer esto porque no entiendo el problema

Un saludo y gracias a todos de antemano.

Sergio picher

Mira el problema con los navegadores es que cada uno a veces interpretan el JS diferente.

Como recomendacion utiliza Jquery que te ahorrara este problema.

utilizarias algo como:

Código Javascript :

$tabla = $("#TablaResultadosArticulos");
$altoTabla = +$tabla.height();
if ($altoTabla > 450){ $tabla.css("overflow", "auto); }

recuerda que se utiliza la libreria de www.jquery.com