I have a peculiar problem with the <img> tag in IE7. Needless to say my <img> works in every other browser. I've be unable to find anything online adequately describing this so here goes:
IE7 is enlarging my JPG image, and then cropping it down to the specified size set in the <img> tag. The JPG itself is the actual size that the <img> tag declares.
I have a <DL> with the <img> tag nested inside of a <dd>. It appears as such:
<dd class="img"><img src="../img/profile/person.jpg"
width="155px" height="196px" alt="Person person" />
</dd>
IE7 has determined that this size should be 163x204px. If I click properties this is the size that reads out. The actual size of the image is 155x196. If I save the image from IE7 it saves a file that is 155x196px.
It is definitely expanding the image, and cropping it down to 155x196. If I take a screen shot of the webpage in IE and in Firefox I can then take the one <dd> element and place it over the other perfectly.
I can't even begin to understand this behavior, but needless to say my JPGs are coming through pixelated and oddly cropped.
Please help if you can. The closest IE knowledge base article I found is this: [
support.microsoft.com...]
But none of the images qualify as an EMF, and definitely don't use vector graphics. Clearly the pixelation is from raster graphics being incorrectly zoomed in.
