Absolute position issues in ie6

Can anyone shed any ideas on how I can fix an obvious ie6 issue? I have multiple sections setup to display via absolute positioning. I have the page looking great in newer versions of IE and firefox looks great as well. IE6 when I view the page looks good until all is loaded onto the screen then it is like a bomb hits and the sections scatter all across the page(mostly towards the right). I have the container div setup to be relative and have defined the width and height of the container div. Any thoughts are greatly appreciated...

Here is an example of some of the divs:

#league1 {
	background:transparent url('leagueBG1.png') no-repeat scroll 0 0;
	width: 800px;
	height: 530px;
	margin-top: 5px;
	margin-left: 1px;
	float: left; 
	position: relative;
}

#leaguetitle1 {
	width: 231px;
	float: left;
	color: #FF0000;
	position: absolute;
	top: 10px;
	left: 15px;
}
#leagueholder1 {
	background:transparent url('leaguepod.png') no-repeat scroll 0 0;
	width: 231px;
	height: 306px;
	float: left;
	padding: 5px;
	padding-top: 45px;
	padding-left: 15px;
	color: #ffffff;
	position: absolute;
	top: 35px;
	left: 5px;
}
#leaguestatsbar {
	background:transparent url('leaguestatsbar.png') no-repeat scroll 0 0;
	width: 231px;
	height: 30px;
	float: left;
}

HTML:

League1 is my container div

Thanks for any suggestions...

 

One of the best ways to fix problems in ie6 and ie 7 is to put the content into tables, though some people do not like to use tables... then you have a seperate css file for both ie6 and ie7

 

I don't think your problem can be properly diagnosed without the accompanying HTML.

 

I think the best way to fix IE6 problems is to put a big FIREFOX banner at the top of your website