Again... Options

[funride]

So here's my code:

CODE

<style type="text/css">

body{background-color: #000000;
background-image:url(http://cbimg6.com/graphics/08/09/61555c.jpg);
color: #000000;
font-family: arial;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 315px;
left: 140px;
width: 301px}

h1{
position: absolute;
overflow: hidden;
color:FFFF66}

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

#content h1 { margin-left: 40px;
text-align: center; }
#content p { margin-left: 40px;
width: 259px; }

</style>

<div id="banner">
<img src="http://i40.tinypic.com/33nviau.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>

Will someone fix how the header is overlapping the main text.