Add position:relative to your container div. I've forgotten why, but it is often required in IE for any container that has floats inside.
Alan K. Gay -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael Peters Sent: Friday, July 13, 2007 2:25 PM To: css-d@lists.css-discuss.org Subject: [css-d] IE6 losing marin-left when using a clearing element I've been scouring google all day trying to figure this one out. I have a pretty standard floating layout where I'm using a clearing element to make sure that my container element looks like it encloses the floating element. Everything works fine except that when the clearing element actually does it's thing (when the floating element is taller than the container) the containing element loses it's left margin in IE6 (haven't tested 7 yet). Here's an example: http://www2.plusthree.com/~mpeters/ie6_clear_lost_margin.html The red box should have a 10px margin to it's left and it does in FF/Safari, but not IE6. And if you remove the clearing element (<div class="clearing"></div>) the left margin returns. Any ideas/workarounds/verbal abuse? Thanks -- Michael Peters Developer Plus Three, LP ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
