complex DIV overlapping and visibility with CSS
 I'm looking to have an image object that looks like it's "pinned" to the side of my fixed-width page. but it seems to be contradictory - in order to style it, the div with the image has to be in a separate div than the main content, but in order for it to work in the layout, the div with the image can't be a separate div from the main content.

It's hard to explain in words, so take a look at this image I whipped up instead. if you will:

http://i.imgur.com/XO0qi.png
complex DIV overlapping and visibility with CSS
===

 I'm looking to have an image object that looks like it's "pinned" to the side of my fixed-width page. but it seems to be contradictory - in order to style it, the div with the image has to be in a separate div than the main content, but in order for it to work in the layout, the div with the image can't be a separate div from the main content.

It's hard to explain in words, so take a look at this image I whipped up instead. if you will:

http://i.imgur.com/XO0qi.png