float and objects

[daled]

here's my problem.  when the div classes below don't have the float attribute, the object shows up, but the curves are out of place.  but when the classes have the float attribute, the curves show up but the object doesn't.  help.

 

 

here's the code:

<div class='topleft'><div class='topright'><div class='bottomright'><div class='bottomleft'>
					<div style="float:left; width:100%;	height:16px; background:url(images/contenth3bg.png) repeat-x; margin-top:15px; padding-left:10px;padding-bottom:5px; padding-top:5px;"><span style="color:#cccccc; font-family:'Verdana'; font-weight:bold; font-size:14px; float:left;"><?php echo $row_songs['track']; ?></span><span style="float:right;"><?php echo $echoreport; ?></span></div>

					<img src='<?php echo $row_av['avatar']; ?>' style='float:right; padding:10px;'>

					<span style="vertical-align:50%; height:50px; padding-left:10px;">off of <B><?php echo $row_songs['bandname']; ?></B>'s new <B><?php echo $row_songs['genre']; ?></B> album <B><?php echo $row_songs['album']; ?></B>.</span>
					<br>
					<object codetype='audio/x-mpeg' data='<?php echo $row_url['url']; ?>' type='audio/x-mpeg' autostart='false' standby='Loading...' style="width: 50%; height: 15px; padding-left:10%; float:left;"></object>
				</div></div></div></div>

code for div classes:

.topleft {
float:left;
background:url(images/topleft.png) top left no-repeat #d5d5d5;
margin-left:3px;
margin-top:5px;
margin-bottom:5px;
}
.topright {
float:left;
background:url(images/topright.png) top right no-repeat;
}
.bottomright {
float:left;
background:url(images/bottomright.png) bottom right no-repeat;
}
.bottomleft {
float:left;
background:url(images/bottomleft.png) bottom left no-repeat;
}