Issue with Text Wrapping with CSS

[sheara]

I am having an issue with text wrapping (see image attached) b/c of the sub-box. I think my style element is placed in the wrong spot.

here is my html:

<div class="box-1">
<div class="box-1-top"></div>
<div class="box-1-inner">
<div class="side">
<div class="image"><img src="images/img-1.jpg" width="292" height="234" alt="" /></div>
<div class="sub-box">
<ul>
<li>Sentence1</li>
<li>Sentence2</li>
<li>Sentence3</li>
<li>Sentence4</li> 
</ul>
</div>
</div>
<!--start text box-->
<div class="text-box">
<h1>Header</h1>
<p>paragraph 1</p>
<p>paragraph 2</p>
<p>paragraph 3</p>

CSS for sub box and text box:

.box-1 .side .sub-box {
	float: left;
	margin: 12px 0 0;
	width: 282px;
	padding: 5px 0 6px 13px;
	border: 1px solid #eee5c4;
	background-color: #fff;

.box-1 .text-box {
	float: left;
	width: 349px;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 0 10px;

I need the text to wrap underneath my sub-box. Any thoughts? Thank you very much.