Put a Scroll Box in a Div Options

[jbarber07]

basically, I need to put a scroll box in a div;
here is a link to my page

http://www.myspace.com/jkbpreview

im wanting to put the scroll box in the left column, at the bottom of what you see.
Everytime I attempt to put the box in..basically everything but the top header spreads out to random places..

(im sorry if my style sheet is messy =[ )

stylesheet

CODE

<style>

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: 585858 !important;
width: 445px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i618.photobucket.com/albums/tt262/justinbarberphotography/01%20layout/blog-1.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -8px !important;
_margin-top: 0px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: 585858 !important;
clear: both !important;
font-size: 0px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: 585858;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: 585858;
width: 443px;
color: ffffff;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 15px !important;
height: 25px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 0px;
overflow: hidden;
color: 585858 !important;
line-height: 300px;
}

















.profileWidth table { margin-bottom:969px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:1312px; height:969px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -969px;
</style>

<div class="gap"></div>




<div class="topbanner">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/01%20layout/Untitled-2.png" />
</div>



<style>


.topbanner {position:absolute; left:50%; top:200px; margin-left:-660px; _margin-left:-660px; width:1312; height:969px; z-index:1;}



.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: 000000;
background-image:url(http://i618.photobucket.com/albums/tt262/justinbarberphotography/01%20layout/background-2.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: FFFFFF !important;
font-family: Arial !important;
}

a:hover {
color: 666666 !important;
font-family: Arial !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}


.tg_left {position:absolute; top:1150px; left:50%; margin-left:-405px; _margin-left:-405px; width:325px; height:###px; z-index:1;}

.extendedNetwork { display:none; }







</style>















<div class="tg_left">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/01%20layout/leftcolumn-2.jpg" />
</div>



























<br />
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/01%20layout/aboutme.jpg" /><br /><br />

e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
e<br />
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/01%20layout/support.jpg" />

and here is the code for the scroll box

CODE

<div style=" left:-400px; top:1630px; width: 340px; height: 65px; background-color: 7c0101; color: 000000; font-family: arial; font-size: 16px; text-align: left; overflow: auto; padding: 4px;">
<a href="www.myspace.com/sleepnowsivylla">Sleep Now Sivylla</a><br />
<a href="http://myspace.com/thechariot">The Chariot</a><br />
<a href="http://www.myspace.com/theearmadamusic">Thee Armada</a><br />
<a href="http://myspace.com/thehit">The Hit</a><br />
<a href="http://www.myspace.com/abirdasparrow">A Bird A Sparrow</a><br />
<a href="http://myspace.com/theabtheory">The A-B Theory</a><br />
<a href="www.myspace.com/shakeshoutshades">Shake and Shout Shades</a><br />
<a href="www.myspace.com/fitforakingband">Fit For a King</a><br />
<a href="http://www.myspace.com/ashleynicolesolo">Ashley Nicole</a><br />
<a href="http://www.myspace.com/harpertx">Harper</a><br />
<a href="http://www.myspace.com/seizetheskymusic">Flood Mercia</a><br />
<a href="http://www.myspace.com/abulletforprettyboy"> A Bullet For Pretty Boy</a><br />
<a href="http://www.myspace.com/seymoureband">Seymoure</a><br />
<a href="http://myspace.com/promnightinblackandwhite">Prom Night in Black & White</a><br />
<a href="http://www.myspace.com/thecomplianceprocess">The Compliance Process</a><br />

</div>

thank you so much!!!!!



NEVERMIND! I had the div tags mixed up, thanks anyways!