[CSS] Clear not working in IE6

programming web dev
1

http://joanna-levesque.org/main/index.php?language=english

I wanted my floats to affect the DIV’s that they are contained in, so I applied <br class=“clear” /> judiciously everywhere. I see that they are not working in IE6 or IE7.


.clear { 
	height: 1%; 
	padding: 0; 
	margin: 0; 
	clear: both;
}

The 1st picture is IE and the 2nd picture is FF: