When firefox (3.0.6) displays a png image with a certain width (e.g. 50%), a thin gray line is displayed along the left and top edges of the content window. The line disappears with a different width (for example, 70%). Also, the line doesn't seem to be present in the original image (using gimp to check the image).
The phenomenon occurs in the absence of CSS style markup - in the HTML example below, CSS is present to clarify where the gray lines are located - it seems obvious that gray lines appear on the very edge of the content area itself.
It’s hard for me to imagine that this is a real firefox bug, and I wonder what concept I am missing or don’t understand ...
Thanks for your time and any suggestions / thoughts ...
Images can be seen here http://datlisp.blogspot.com/2009/02/img-width-tag-and-firefox-rendering-of.html
HTML:
<html>
<head><title>problems with pngs</title></head>
<body>
<div style="border-color: red; border-width: thin; border-style: solid;
padding: 2px">
<img src="http://imagebin.ca/img/ato4dM.png"
width="50%"
style="border-color: blue; border-width: thin; border-style: solid;
padding: 2px;"/>
</div>
</body></html>
source
share