No replies
volfro
Offline
Regular
Atlanta, GA, USA
Last seen: 8 years 49 weeks ago
Atlanta, GA, USA
Timezone: GMT-4
Joined: 2005-08-17
Posts: 26
Points: 0

I'm working on a project right now in which I'm using the BlueprintCSS framework.

On some pages, I need the content to break out of its div and remain completely visible--for instance, within a div I'm assigning an image with the class pull-4, which assigns that particular element a negative left-margin of four columns' width.

But here's the problem: this causes the layout to break in IE6 without assigning all elements that will have overflow a property of overflow:hidden. So the images that I want to break out of their container and remain visible end up getting cropped in IE.

This is a well-known, well-documented bug, and overflow:hidden is usually seen as the solution to layout issues caused by overflow. But since I actually need the content to be visible outside its container, is there a way to do this without changing the markup? (For instance, is there a script available that would make the images visible?)

For reference, here's the markup, the main stylesheet, and the IE stylesheet.

Thanks very much ahead of time for any and all help!

Big Sweater Design - No, I do not knit