Hi Everyone There is a IE8 bug with overflow on floated elements. On this page.
http://css-class.com/test/css/overflow/floated-overflow-length-with-inner-box-float.htm Enter the page in IE8 mode, either of these can happen. 1. If the box is scrollable the scroll slowly right and then slowly left and note the repeated background. 2. The box is not scrollable. When I was first checking in IE8, only the last three boxes were non scrollable and the test higher up the page was scrollable but showed the background repeat bug. Now I test and find that no box is scrollable so I can not reproduce the background repeat bug. If anyone can repeat the background repeat bug can they please supply a screenshot that I can use. I first noticed this overflow bug on floated elements in my Ursidae article. http://css-class.com/articles/ursidae/ I am using this CSS pre.code, pre.html { padding:0 2em 1.7em 2em; margin:30px 10px; background: #E4EED2 url(contentback11.jpg) top fixed; border:3px solid #90C49A; overflow:auto; max-width:80%; float:left; /* DELETE to stop IE8 non scrollable overflow with floated element bug */ } None of the overflow boxes are scrollable. I think this is because IE8 has done the same as the other browsers and now clipped the margin and padding, thus resulting in the current bug. I never supported this and believed that the IE7 way of handling padding and margin on overflow boxes was correct. Alan http://css-class.com/ ______________________________________________________________________ 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/
