Text help. Options

[funride]

So here's my code.

CODE

<style type="text/css">

body{background-color: #f4fee5;
background-image:url(http://i43.tinypic.com/optra8.jpg);
background-image: repeat;
color: #ffffff;
font-family: georgia;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 450px;
left: 60px;
width: 215px}

h1{
color:FF2222;
font-family: Times New Roman;
border: 0px solid; border-color: #cc0000;
font-size: 15px}

#banner{
position: absolute;
top: 0px;
left: 0px;
width: 301px}

#content h1 { margin-left: 0px;
text-align: left; }
#content p { margin-left: 0px;
width: 300px; }

#conenttwo{
position: absolute;
overflow: hidden;
top: 430px;
left: 417px;
width: 120px}

#conenttwo h1 { margin-left: 350px;
text-align: left; }
#contenttwo p { margin-left: 350px;
width: 300px; }

#conenttwo h1 { margin-left: 0px;
text-align: left; }
#conenttwo p { margin-left: 0px;
width: 300px; }


</style>

<div id="banner">
<img src="http://i44.tinypic.com/2s1688z.png">
</div>


<div id="content">
<h1>Heading here</h1>
<p>Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words.</p>
</div>

<div id="conenttwo">
<h1>Heading Here</h1>
<p>Words words words words words. Words words words words words. These are words I want to see if they get cut off? Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words</p>
</div>

But my text is getting cut off in the column to make it fit, could someone help me?