Problem z tekxtem. Wylewa sie poza box.

[kulig9]

Mam Problem z tekstem.. Zarówno z lewego jak i prawego boxu wylewa mi się :// Nie moge sobie poradzić mimo że mam podzielony div na 2 czesci 250 px i 800px ..




<div id="container">

<div class="top"></div>
<div class="center">

<div id="box">
<div id="lewo">

<div class="top2"></div>
<div class="center2">

<p>ggfdgdfgdfgdfgdfgdfgdfgdfgdfgdehregdfgdfgdfgdfgdfgdfgdfgdfgdehreherheerhhrefgdfgdfgherheerhhrefgdfgdfgdgdfgdfgdfgggd</p>

</div>
<div class="bottom2"></div>
</div>

<div id="prawo">


<div class="top3"></div>
<div class="center3">



</div>
<div class="bottom3"></div>



<div class="clear">
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>

CSS:
#container {
width: 800px;
min-height: 340px;
margin-top: -25px;
margin: 0 auto;


}



div.top {
margin-top: -5px;
width: 800px;
height: 20px;
background: url('images/top.jpg') no-repeat;

}

div.center {
width: 800px;
min-height:6px;
background: url('images/center.jpg') repeat-y;

}


#box {
width:800px;
min-height:300;

}

#lewo {
width:250px;
min-height:300px;
float:left;
padding-top: 0px;

}


div.top2 {
width: 230px;
height: 39px;
margin-left: 10px;
background: #ffffff url('images/box/lefttop.jpg') no-repeat;
}

div.center2 {
max-width: 230px;
min-height: 224px;
margin-left: 10px;
background: #ffffff url('images/box/leftcenter.jpg') repeat-y;
text-align: justify;
color: #000000;
}



div.bottom2 {
width: 230px;
height: 37px;
margin-left: 10px;
background: #ffffff url('images/box/leftbottom.jpg') no-repeat;
}





#prawo {
width:550px;
min-height: 300px;
float:left;

}

div.top3 {
width: 510px;
height: 39px;
margin-left: 20px;
background: #ffffff url('images/box/righttop.jpg') no-repeat;
}

div.center3 {
max-width: 510px;
min-height: 224px;
margin-left: 20px;
background: #ffffff url('images/box/rightcenter.jpg') repeat-y;
text-align: justify;
}


div.bottom3 {
width: 510px;
height: 37px;
margin-left: 20px;
background: #ffffff url('images/box/rightbottom.jpg') no-repeat;
}

.clear {
clear:both;
}









div.bottom {
width: 800px;
height: 20px;
background: transparent url('images/bottom.jpg') no-repeat;

}