Quiero quitar barras de scroll en ventana modal

[tebarin]

No veais los problemas que me está dando Squeezebox, cada vez uno diferente. El de ahora es que abro una ventana modal con una imagen de 371x371 px de esta manera:

Código Javascript:

window.addEvent('domready', function() {
SqueezeBox.initialize({
size: {x: 371, y: 371}
});
SqueezeBox.open("imagen.png", {
handler: 'iframe',
size: { x: 371, y: 371 }
});
});
 

En Firefox aparece perfecto. Pero para variar, en Internet explorer luce horrible, con unas barras de scroll. Si voy aumentando el tamaño de la ventana hasta dar con el que hace que no salgan barras en IE, en Firefox aparece descompensado y con unos márgenes vacios no muy estéticos.

¿Alguien sabe que podría hacer?

[rossijona]

Prueba darle al contenedor de la imagen display:table

Puedes calcular el tamaño de la imagen que vas a cargar de esta forma:

$('.clase_de_imagen').load(function(){

var alto = $(this).height();

var ancho = $(this).width();

$('.clase_del_div').css('width', width + 'px');

$('.clase_del_div').css('height', height + 'px');

});

Pruebalo si quieres, esta improvisado.

[tebarin]

Muchas gracias por contestar, aunque lamentablemente no entiendo mucho tu respuesta porque soy muy nuevo en esto. A ver si me puedes encaminar.

No acabo de entender lo de clase de la imagen, no he creado ninguna clase para la imagen, simplemente la abro. Tampoco entiendo lo de clase del div, porque no uso ningun div para esto. Y ya con lo del .css...

Ya ves que estoy muy verde en esto. Para encaminarme más, ¿cuál crees que es el problema? ¿Por qué Firefox redimensiona si hace falta la imagen e IE no lo hace y además le coloca barra de scroll?

Gracias otra vez.