IE6 Negative Margin Bug -- Frustrated, Need Help

Hey guys, I'm having a problem of having three images on a site I am building being displayed. IE6 is clipping the images because part of each is positioned outside it's containing div. Check out the web site and view the code to understand what I am meaning....http://www.tailored.previsuals.com/test.html

 

Link not working, probably because server is down (according to siteuptime's report.)

 

Remove "www." from url.

Add {position: relative;} to the items with negative margins.

cheers,

gary

 

http://tailored.previsuals.com/test.html

here is the link now

yeah, I have tried the position relative, but that only enables more of the image to be seen and not the whole thing.

 

Don't just tell it doesn't work, show us.

#photos {style.css (line 100)
background:transparent url(images/photos.png) no-repeat scroll 0%;
float:left;
height:210px;
margin:-10px 0pt 0pt -23px;
width:181px;
}

Code (markup):

Where is the {position: relative;}?

gary

 

That, and make sure there isn't an overflow:hidden on the container the image is in (though if it works in other browsers, that wouldn't be the problem in this case)

 

Ok, If you look now, position:relative has been added to the elements displaying the images partially still.....I'm wondering now if I need to put position relative to the containing elements for each image too or instead of.

 

You put it on the image itself

 

Ok, well I wonder if it is because of the type of PNG filter I used that is causing the problem.