When I float (left) a series of same size images within a container, IE6 breaks the container boundaries and does not wrap till the edge of the screen. All other browsers behave as required. If I stack the images up using float:right; all is fine and IE behaves properly, keeping the images within the boundaries. Anyone know what might cause this problem.
The 'bug' that Jeremy may be experiencing is not mentioned in that list (which is very handy by the way, thanks BlobFisk).
I tried to replicate it using the code in post #2 and an image.jpg that was 200px wide. I tried floating the images left and right. But the browser always wrapped the images properly at the edge of the div.
So either Jeremy is doing something different to me or its a bug that has been fixed in my version of IE (version 6.0.2800.1106)
and the html is as follows. The problems occur when I add more than 4 images. In IE they contiue to the edge of the screen, but not in the other browsers. I solved the problem by changing the float:left to float: right.