Issue with images in different browsers

Question

I am having trouble with the rendering of images. In Chrome, It looks beautiful, But Firefox and IE makes it look all edgy. What can I do? The attached image shows the Firefox render on the left side and the Chrome render on the right side.

<img src="../Media/Images/GD%20Logo%20Transparent.png" alt="Company Logo" height="35px" style="padding-bottom:10px;"/>

The Render Image:

Answer 1

This is because you use resized image height="35px". Make image with width of 35px an use it without resizing.