Thank you for you input. Yeah, I wasn't sure if there was a trick or not to allowing a SPECIFIC element to protrude from an overflow.
just curious about as to why position:relative is needed for IE6. The reason I used margin was actually to avoid using positioning (this is a preference not an issue.. I am just saying I could have accomplished the same with position:relative; top:-35px; and gotten rid of the margin declaration.. if I had known about old IEs)
would dispaly:table work with older versions IE? It seems to have the same effect as overflow in FF , Ch , Saf and Op... I understand that it may have some unforeseen side effects. Anything I should look for?
Yea My code was HASTILY put together after i realized I had posted a purely conceptual question ( I had no example or goal, just mild annoyance at that aspect of overflow). In fact, it think i just truncated some old code i had where I was experimenting with the border-image property. So yeah.. the rest of the layout aspects where kinda arbitrary, sorry.
I actually THOUGHT exactly the same thing ..( though I am not trying for the content area to protrude into the head area .. JUST THE SIDEBAR[ that being said I could use your method and increase #main's top border]). but then I realized sometimes the content needs to protrude too. ... the way I was envisioning the example.. let's say the desigs achieves the illusion of depth by having what looks as a swatch of masking tape within which the H2 content is written. so the "tape" and its contents visually over laps the header and the content area.
semantically ,however, it would make little sens ( or it would seem to be a concession of markup to appearance) to put the H2 within the header div and then push it down... even tho I can see that that would be one way of achieving this...
anyway, i just wanted to explain my crappy code .. both solutions are clever.