Images drawn differently in Firefox and IE7

[guest]

I have two adjacent divs of size 350 x 350. In one, I draw a 256 x 256 image, and it is automatically stretched to fill the 350 x 350 box in both IE7 and Firefox 2.0.0.14.

var img = iSurface2.createImage({width: 350, height: 350, src: fileName});

However, in the second div, I draw an image with is 256(x) x 34(y).

In Firefox, it is drawn as 350 by about 34, but in IE7, it is stretched vertically to fill the box: 350 x 350. Both are JPEG images.

[guest]

brain images

[guest]

vertical slice of brain image

[bill]

Looks like this is about gfx.

[bill]

mark all (open) tickets w/blank milestones to be "tbd"; their milestones need to be set to a version number or to "future"

[Eugene Lazutkin]

Moving all open ticketd to the future.

[Eugene Lazutkin]

Don't use the image size to stretch, scale, or otherwise a geometry of the image. Set the size to be equal the real pixel size, and use transformations to transform the image.

I know it is a pain to specify the size, but unfortunately there is no other way to do it in the compatible fashion.