I am a website development novice with an image rendering problem.
With IE6, the images on my site are displaying with incorrect aspect ratios when the pages are first loaded.
Some images are rendering too tall and others too wide. They appear to be rendering square.
When I navigate away from the page and come back to it, the images are rendered correctly - except for the largest page - which seems to require a couple more tries before all of the pictures are rendering correctly.
None of the images in question are in divs of restricted sizes. They are also being loaded at their actual sizes (except for a couple that are a couple of px different - not enough to make a difference).
I had the same problem in the page header and also had some of the header background div showing below the pictures. I found this message:
and when I fixed the margin problem by using display: block; for the header images, they rendered correctly also.
Do I have to use display: block; on ALL the images in order for them to render with the correct aspect ratios first try? Or is there some other fix.
Thanks in advance for all replies