Margins & Image Sizing issues with IE

[Nerdygeek]

I bet we all wish IE would go away and become no more but until then I'm gonna suffer lol.

Currently I'm using CSS to size the images to the size I need for my related posts images in Wordpress that also have a margin.

In Firefox it looks perfect but in IE it looks terrible.

You can see at the bottom of my posts the related posts section how it looks in both IE and Firefox.

http://www.1blogger1.com/7-cleaning-gagdets-for-your-home/

How do I fix this?

Grateful for all your responses.

Cheers.

[holyhttp]

You are using CSS to stretch or shrink images and that generally distorts/reduce the sharpness of your graphics. You will be better of having those thumbnails in the same size then use CSS to center each one in its container tag.Because you are displaying ads, the presentation is very important. I notice a similar distortion in IE8, Chrome and even FF.

[Nerdygeek]

You are using CSS to stretch or shrink images and that generally distorts/reduce the sharpness of your graphics. You will be better of having those thumbnails in the same size then use CSS to center each one in its container tag.Because you are displaying ads, the presentation is very important. I notice a similar distortion in IE8, Chrome and even FF.

Thanks.

I got it fixed by adding another bit to my CSS.

Instead of using "#relate li img" I used the containing class to resize the images ".relate img {dimensions}".

Sometimes it just takes a little bit of thought.

Thanks for your advice and response.