Sidebar Problem In IE6 Only

Here is a link to a site I am working on where the sidebar DIV (light blue color on right hand side) floats towards the left and overlaps the main content DIV (white area on left) when viewing it in IE6 only.

Can someone tell me why and how I could fix it?

LINK-
http://www.rainscapes.com/test/

Thanks in advance!
Todd

The negative margined element is hidden underneath the header division due to it having less stacking order.

Just apply position:relative to the h2.promo in #sidebar. You also look like you need overflow-x:hidden on #sidebar to prevent going beyond the assigned width.

Relevant: http://work.arounds.org/negative-margin-causes-overflow-or-clipping/

The top is cut off too, make sure you read my entire post :slight_smile:

The overflow-x:hidden did the trick. Thank you so much!

Todd