<html> <body> <div style="height:100px;background-color:yellow"> <div style="float:left;height:500px;background-color:green">Hello world</div> </div> <div style="overflow:hidden; height:100px; border:2px solid black">Does the float intrude? <span style="float:right;width:100px;background-color:purple;height:400px"></span> </div> <div>This text should not overlap the purple float? Will this happen? I'm really not sure. This is a test of some of the strange behavior you will find when using overflow auto or scroll, etc. </div>