Help? Options

[funride]

So heres my code:

CODE

<style type="text/css">

body{background-color: #f4fee5;
background-image:url();
color: #000000;
font-family: arial;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 550px;
left: 0px;
width: 301px}

h1{
color:FF2222;
font-family: century-gothic;
border: 1px solid; border-color: #cc0000;
font-size: 30px}

#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: 550px;
left: 350px;
width: 301px}

#contenttwo h1 { margin-left: 350px;
text-align: left; }
#contenttwo p { margin-left: 350px;
width: 300px; }
</style>

<div id="banner">
<img src="http://blackstar.lost-sheep.us/layout base 1 copy.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="contenttwo">
<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>

I put in all my divs, and styling for content two. But for some reason the contenttwo is showing up.
Can someone please fix this?