IE 6 "Thumbnailing" png

Issue with ie6 resizing png

[the_sponge]

Did some searches but was unable to find anything specific to this issue.

I am running the Dean Edwards .png script and the alpha transparency is working in IE6. However, upon the first load, one of the images in my layout is "scrunched up", almost looks like a thumbnail. Upon refresh, it redraws it correctly.

Is it a margin, width issue dealing with the box model?

Anyone else have this issue? Any information or fix suggestions would be appreciated.

Thanks!

[SuzyUK]

do you have the width set on this image, either via HTML or CSS, what about the other images is there anything different in the source between them and this one?

[the_sponge]

No image size specified as it is pulling them from a DB.

Thanks!

the intro is the container, quotes floated left, images floated right

#intro {
width: 100%;
margin-top: 0.50em;
margin-bottom: -5.75em;

}

#quotes {
position: absolute;
float: left;
width: 32%;
padding-top: 4px;
margin: 0.25em 0 0.50em auto;
overflow: visible;
padding: 0.25em;
}

#quotes p {
color: #333;
font-size: 110%;
font-weight: bold;
letter-spacing: 3px;
line-height: 2em;
padding-left: 16px;
text-align: left;
}

blockquote {
background-color: transparent;
color: #000;
font-size: 120% ;
border: none;
line-height: 1.5em;
letter-spacing: 0.25em;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}

blockquote:before { content: open-quote; font-size: 125%; color: #ccc; font-weight: bold; }
blockquote:after { content: close-quote; font-size: 125%; color: #ccc; font-weight: bold; }

#photo {
float: right;
width: 100%;
position: relative;
margin: 0 0 0 0;
overflow: visible;
}

xx#photo .photo1 {
position: absolute;
float: left;
top: 1em;
right: 32.5em;
margin-right: auto;
margin-left: auto;
margin-top: -27.5em;
margin-bottom: 0;
z-index: 3;
overflow: visible;
}

#photo .photo2 {
position: absolute;
float: left;
top: 1em;
right: 24.5em;
margin-right: auto;
margin-left: 0.50em;
margin-top: -27.5em;
margin-bottom: 0;
z-index: 3;
overflow: visible;
}

#photo .photo3 {
position: absolute;
float: right;
top: 1em;
right: 0.25em;
margin-right: -1.25em;
margin-left: 0em;
margin-top: -28.5em;
margin-bottom: 0;
z-index: 3;
overflow: visible;
}

[the_sponge]

had the one class xx'd out to test....