© A.W.Marczewski 2004         Reload ProgZone
Test of Gallery Floats' bug in IE

Body has left and right 20% margins
Main DIV container within BODY margins 'border: thin solid black; background-color: white; padding: 5px;'
See Gallery Floats at css-discuss Wiki
First 4 galleries are OK, the last 2 show IE bug:
IE has a bug - some floats made with <ul> <li></li> </ul> (where <li> element has 'float' attribute) appear above or below the container.
AWM!!! Eureka!!!
If you add 'float: left' to the definition of 'ul' then all boxes remain within common box
If you add 'float: left' to the definition of external container of <div>, this element it will behave too.
All galleries must be separated by elements with 'clear: all' attribute (eg. empty <div> </div>), otherwise they try the appear as the next column.
DIV container with 'float: left; border: 3px blue solid; background-color: lightblue;'
Inside: UL class=gallery
Before DIV container: DIV with 'clear: both'
DIV container with 'float: left; border: 3px green solid; background-color: lightgreen; margin: 10px;'
Inside: UL class=gallery
CAUTION!!! This div container is left aligned but the alignment is with <ul> left edge and not the body margins or the preceding <div>
Before DIV container: DIV with 'clear: both'
DIV container with 'float: left; border: 3px red solid; background-color: yellow;'
Inside: UL class=gallery3
Before DIV container: DIV with 'clear: both'
DIV container with 'float: left; border: thin lightgrey solid; background-color: yellow;'
Inside: series of DIV class=gallery1 elements
gallery1
div1
div2
div3
div4
div5
div6
div7
div8
div9
div10
div11
div12
div13
Before DIV container: DIV with 'clear: both'
DIV container WITHOUT 'float: left' WITH 'border: 3px white solid;'
Inside: series of DIV class=gallery2 elements
div0 - gallery2
div1
div2
div3
div4
div5
div6
div7
div8
div9
div10
div11
div12
div13
Before DIV container: MISSING DIV with 'clear: both'
DIV container WITHOUT 'float: left;' WITH 'border: 3px white yellow;'
Inside: series of DIV class=gallery4 elements
div0 - gallery4: no preceding 'both:clear' element
div1
div2
div3
div4
div5
div6
div7
div8
div9
div10
div11
div12
div13