1. you will need to fix the first part of your coding. take this part...
<HTML><TITLE>Danger Zone</TITLE>
<HEAD>
<META content="dangerzone.tk, danger zone, dangerzone,no doubt, gwen stefani, adrian young, tom dumont, tony kanal, nxd, bbbb,Free Wallpapers, Personal Sites, Blog, Html Help,Advice, Freebies, Angelina Jolie, Fan Site, Kelly Clarson, Ashlee Simpson, Make Friends, Photos, Christina Aguilera, Free mp3s, Free lyrics, Madonna, livejournal icons, harajuku girls, Alexz Johnson, harajuku lovers, beyonce, Coldplay, Shakira, Mini Player, Internet Slang, TRL, Mtv, VH1, World News,love angel music baby, music, Pink, Paris Hilton sucks, free stuff, how to.., how to make..., schools" name="Keywords">
<STYLE type="text/css">
<!--
A:link
{ text-decoration: none; color:#14a300; }
A:visited
{ text-decoration: none; color:#eaff3e; }
A:active
{ text-decoration: none; color:#eaff3e; }
A:hover
{ text-decoration: none; color:#14a300;
background-image: url(yourimage.gif);
background-color: #000000;
{ background: #000000;
background-image: layout.bmp;
background-repeat: no-repeat;
background-position: valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: scroll;
font-family: value; verdana
color: #00ff00 ;
letter-spacing: value; 1
font-weight: normal;
font-size:x-small;
<style>
BODY{
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #ff0000;
scrollbar-track-color: #000000;
{
</style>
<style>
BODY{
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right:0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
</style>
-->
</STYLE>
</HEAD>
<BODY>
<BODY BGCOLOR="#000000" TEXT="#000000" lINK="#14a300" VLINK#eaff3eALINK="#eaff3e">
and change it to this...
<HTML><TITLE>Danger Zone</TITLE>
<HEAD>
<STYLE type="text/css">
A:link
{ text-decoration: none; color:#14a300; }
A:visited
{ text-decoration: none; color:#eaff3e; }
A:active
{ text-decoration: none; color:#eaff3e; }
A:hover
{ text-decoration: none; color:#14a300; }
BODY{
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #ff0000;
scrollbar-track-color: #000000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right:0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
background-color:#000000;
}
</style>
</HEAD>
<BODY>
now, after that body tag, try doing a table layout that looks like this...
<table><tr><td>
enter your big image here
</td><td>
enter your content and stuff in here
</td></tr></table>
you should delete all of the <LEFT> and <RIGHT> tags since they do not exist in any coding standards.
you might have to start fresh with the above idea as i think there are some table overlapping errors in your current page coding.