Can you help me with a width problem?

Hi, I've got this script (Featured MP3 Player) and for some reason it is taking up the width of the entire page. I only want it to be 311px wide, though, so that the text can just wrap around it. I put it here just as a test:

http://www.thebeatresource.com/simplesoapmaking.html

Here's my code:

and

Anyone have any idea how I can fix this?

Thanks in advance

 

Very simple solution:

Swap your fmp_rotator for this one. You needed 'float:left;' in there.

 

Thanks, that works fine for my test page. I'm wondering, though, what if I were to distribute this code so that people could place it on their sites (on the left, center, right, whatever) without having to alter the code?

Is there any way to stop it from pushing the text beneath it without defining a specific float left, middle, or right?

Thanks

 

Also, I've got some black text on the top of that MP3 player box that you can't see. But in the CSS I defined it as white, like so:

#fmp_featured_mp3_players {
color : #FFFFFF;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
padding: 0px 0px 0px 9px;
height: 20px;
}

Any idea why it doesn't show? Thanks

 

You have an extra ' } ' just above ' #fmp_featured_mp3_players '

Get rid of that and it works fine... And i think if other people were to use it, they would have to define float either left or right