Hi, I am having a problem with a floated element in IE6. Big surprise :o)
I have read many posts here as well as many of articles on the subject, including this very recent one: http://bit.ly/clrfxReloaded , and have tried , in vain, to apply what I thought I learned to my problem. The page in question is here: http://dl.dropbox.com/u/2488267/untitled%20folder/Toolbox_template_15_Oct_2010.html The code for the floated element in the IE specific css is : article { height: auto; /* for IE */ width: 45%; background:#ddd; color:#5e7497; float:left; margin:0 18px 22px 0; padding:15px 15px 65px; border:#abb9d8 1px solid; } No other elements on the page are floated. In IE the first two boxes "Overview" and "Links" appear as expected. In the second row however, the float somehow breaks and pushes the "faq" box down and shifts the "templates" box to the right. Oddly enough, adding additional text to the "Links" box fixes the float position of the two boxes ... "faq" and "templates". Any hints or tips would be greatly appreciated. For good measure the full IE specific .css is here: http://dl.dropbox.com/u/2488267/untitled%20folder/toolboxIE.css Thanks in advance, Tony ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
