Floating two objects to the right

HTML & CSS
1

Hi,

I need to float two objects to the right, one a wide box and the other a collection of buttons.

I have the buttons below this floating right.

Now that I have the wide box at the top the buttons at the bottom are forced out left.

Any idea how I can sort this?

Code for box:

.tweet_box
{
	width:700px;
	height:50px;
	float:right;
	background-color:#FFF;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px;
	border: #ccc solid 1px;
}

Code for buttons:

.sm
{
float:right;
width:120px;
margin-top:128px;
}

Any help on this would be greatly appreciated.

2

All you need to do is clear the float

	<div class="tweet_box"></div>
	<div class="clearfloat sm"></div>


clearfloat {
  clear:both;
}

And that will float the sm div to the right directly under the tweet_box