IE stretches my IMG – why?

My page works like a dream in Firefox. [B]However, IE 7/8 stretches my image vertically [/B]when I want to keep proportions with the width, which I set at 450px in the CSS.

I made a page using the 960grid CSS layou, which I’ve found to be mostly useful and without annoyance.

There are three container DIVs for main content:

1) Sidebar.
2) Thumbnails.
And 3) that one is there for a jQuery plugin (galleria) to display an image inside [B]div ID = “mainimage”[/B].

The DIVs are styled by CSS.

Fragment of DOM structure:

[CODE] <div class=”container_12″>
<div class=”grid_12″ id=”header”>
</div>
<div class=”clear”>
</div>
<div class=”grid_12″ id=”navbar”>
</div>
<div class=”clear”>
</div>
<div class=”grid_12 filler20″>
</div>
<div class=”clear”>
</div>
<div class=”grid_3″ id=”leftbar”>
<div>
</div>
</div>
<div class=”grid_3″ id=”thumbs”>
</div>
<div class=”grid_6″>
<div id=”mainimage”>
</div>
<div>
</div>
</div>
<div class=”clear”>
</div>
<div class=”grid_12 filler20″>
</div>
<div class=”clear”>
</div>
<div class=”grid_12″ id=”footer”>
<div class=”grid_4 alpha”>
</div>
<div class=”grid_4″>
</div>
<div class=”grid_4 omega”>
</div>
</div>
<div class=”clear”>
</div>[/CODE]

See [URL=”http:/www.andrewcolvinart.co.uk/dev/exhibitions.php”]my dev site[/URL] (yes I know it’s slow…) that’s artists’ Jpegs for you.

Any helpful ideas will be gratefully received as this page is desperately needed.

Dizz

Also in #HTML _↴