Table Scroll? Options

[funride]

I dont like the way my layout looks tiled, so I need to make it scroll.
Can someone tell me how?

[funride]

It's still not working.
When I make it smaller...
I dont know.
Just here's my code.
Do you want to try?

CODE

<style type="text/css">

body{background-color: #f4fee5;
background-image:url(http://i40.tinypic.com/28valax.png);
background-image: repeat;
color: #000000;
font-family: century gothic;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 370px;
left: 28px;
width: 280px}

.scroll {
width:270px;
height:100px;
overflow:auto;
}

h1{
color:FF0000;
font-family: Georgia;
border: 1px solid; border-color: #FFFFFF;
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: 10px;
left: 550px;
width: 175px}

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

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



</style>

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


<div id="content">

<div class="scroll">
<h1>Heading</h1>
text text text text textadlfkajsdlfhasdlfkjsdfl;jsadfl;kaaksssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssss

</div></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>