Overflow Hidden - or is it?

This ul is not positioned relatively; overflow is hidden in IE6.

Item one
Item two
Item three
Item four
Item five

This ul is positioned relatively; overflow is not hidden in IE6.

Item one
Item two
Item three
Item four
Item five

This ul is positioned relatively and so is its containing div; overflow is hidden again in IE6.

Item one
Item two
Item three
Item four
Item five

The CSS for this page:


	div { border:1px solid #000; }
	
	#slide_frame1 { width:300px; overflow:hidden; }
	#slide_frame1 ul { list-style-type:none; width:600px; }
	#slide_frame1 li { float:left; padding:0 5px; }
	
	#slide_frame2 { width:300px; overflow:hidden; }
	#slide_frame2 ul { list-style-type:none; width:600px; position:relative; }
	#slide_frame2 li { float:left; padding:0 5px; }
	
	#slide_frame3 { width:300px; overflow:hidden; position:relative; }
	#slide_frame3 ul { list-style-type:none; width:600px; position:relative; }
	#slide_frame3 li { float:left; padding:0 5px; }

Return to the article.