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.

[schizo]

You may want to work on it a bit more yourself before posting a topic. If you were able to figure it out in seven minutes, the problem was obviously nothing to get your undies in a bundle over.

Anyway, closed and moved to resolved.