HELP PLEASE!! Div. Options

[RandomHero]

Everything is in the way of the pic. how can i make it so you can see the pic?
Here is my site
Here is my code

CODE

<a Target="_top"
href="http://www.flamingtext.com/aol.html"
><img
src="http://aolfiles.flamingtext.com/aolfiles/2004/08/11/flamingtext_com_1092273685_20825.gif"
border=0 alt="Image by FlamingText.com"></a>
<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<STYLE type=TEXT/CSS>A:link {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; TEXT-TRANSFORM: lowercase; CURSOR: n-resize; COLOR: #cc3366; FONT-STYLE: normal; FONT-FAMILY: century gothic
}
A:visited {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; TEXT-TRANSFORM: lowercase; CURSOR: n-resize; COLOR: #FFFFFF; FONT-STYLE: normal; FONT-FAMILY: arial;
}
</STYLE>

<CENTER><FONT size:10pt font arial family color:#ff0000>* <A onmouseover=showit(0)
href="http://www.xanga.com/">xanga</A> * <A onmouseover=showit(1)
href="http://www.xanga.com/private/home.aspx">controls</A> * <A
onmouseover=showit(2) href="http://www.xanga.com/pure_gonzo_journalism">my xanga</B></A>
* <A onmouseover=showit(3) href="http://www.xanga.com/blogrings">blogrings</A> *
<BR><ILAYER bgColor="#" name="dep1" height="28" width="400"><LAYER name="dep2"
height="30" width="400"></LAYER></ILAYER>
<DIV id=describe onmouseover=clear_delayhide()
style="WIDTH: 400px; HEIGHT: 10px" onmouseout=resetit(event)></DIV>
<script language=JavaScript1.2>

/*
Tabs Menu (mouseover)- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/

http://premium.xanga.com/Private/Premium/xtools.asp?reload=/private/home.aspx

var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.

submenu[0]='<font size="1" face="arial">- <a href="http://www.xanga.com/signin.asp">sign in</a> - <a href="http://www.xanga.com/logout.asp">log out</a> - <a href="http://www.xanga.com/register.asp">membership</a> -</font>'

submenu[1]='<font size="1" face="arial">- <a href="http://www.xanga.com/CLAF/default.asp">look&feel</a> - <a href="http://xanga.com/private/subscriptions.aspx">subscriptionz</a> - <a href="http://xanga.com/private/feedback.aspx">feedback logz</a> - </font>'

submenu[2]='<font size="1" face="arial">- <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=pure_gonzo_journalism">add me</a> - <a href="http://www.xanga.com/guestbook.asp?user=pure_gonzo_journalism">sign my book</a> -</font>'

submenu[3]='<font size="1" face="arial">- <a href="</a> - <a href="</a> - <a href=""></a> - <a href=""></a> -</font>'

//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=500

/////No need to edit beyond here

var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

</SCRIPT>

<DIV
style="BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 400px; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 100%"></CENTER>

<STYLE>B {
    COLOR: #ffffff
}
I {
    COLOR: #ffffff
}
U {
    COLOR: #ffffff
}
STRONG {
    COLOR: #ffffff
}
EM {
    COLOR: #ffffff
}
</STYLE>

<STYLE type=text/css>INPUT {
    BORDER-RIGHT: #c6e2ff 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-SIZE: 8pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #ff0000 1px solid; COLOR: #ff0000; BORDER-BOTTOM: #ff0000 1px solid; FONT-FAMILY: century gothic
}
TEXTAREA {
    BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-SIZE: 8pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #ff0000 1px solid; COLOR: #ff0000; BORDER-BOTTOM: #ff0000 1px solid; FONT-FAMILY: century gothic
}
OPTION {
    BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-SIZE: 8pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #ff0000 1px solid; COLOR: #ff0000; BORDER-BOTTOM: #ff0000 1px solid; FONT-FAMILY: century gothic
}
SELECT {
    BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-SIZE: 8pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #ff0000 1px solid; COLOR: #ff0000; BORDER-BOTTOM: #ff0000 1px solid; FONT-FAMILY: century gothic
}
BODY {
    SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #ff0000; SCROLLBAR-BASE-COLOR: #000000
}
TABLE.header {
    MARGIN-TOP: -65px; VISIBILITY: hidden
}
tablebanner {
    MARGIN-TOP: -65px; VISIBILITY: hidden
}
TABLE.main {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; WIDTH: 400x; BORDER-BOTTOM: medium none
}
.smalltext {
    FONT-SIZE: 8pt
}
.button {
    FONT-FAMILY: tahoma
}
.mainleft {
    WIDTH: 10px
}
.blogheader {
    FONT-SIZE: 8pt; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 3pt; TEXT-TRANSFORM: lowercase; COLOR: #ffffff; PADDING-TOP: 3pt; FONT-FAMILY: century gothic; LETTER-SPACING: 1px; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.bottom {
    BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent
}
P {
    FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: century gothic
}
TD {
    FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: century gothic
}
</STYLE>

<!-- begin blinkbox code -->
<script language=JavaScript>
<!--
// blinkbox - creates blinking table
// by sean f http://www.xanga.com/seanmeister
// customize the blinkbox by changing the values below
//
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array("#ffffff","#ff0000","#ffffff");
// the border color
var blinkBorderColor = "#ff0000"
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 2;
// the # of columns
var blinkCols = 50;
// the width of the entire box, in pixels or %
var blinkWidth = 570;
// the height of each row, in pixels
var blinkRowHeight = 5;
// speed of blinking, in milliseconds
var blinkRate = 1;
// don't edit below this line
// this draws the table...
document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='"

+ blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");
for (r = 0; r < blinkRows; r++){
document.write("<TR>");
for (c = 0; c < blinkCols; c++){
 document.write("<TD height='" + blinkRowHeight + "'></TD>");
 }
document.write("</TR>");
}
document.write("</table>");
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById("blinkbox");
bbtd = bb.getElementsByTagName("td");
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
setTimeout('blinkIt()', blinkRate);
}
blinkIt();
//-->
</SCRIPT>
<!-- end blinkbox code -->

<STYLE type=text/css>
.blogheader {
    BORDER-RIGHT: #FFFFFF 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #FFFFFF 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; PADDING-BOTTOM: 1px; TEXT-TRANSFORM: lowercase; BORDER-LEFT: #ffffff 1px solid; COLOR: #FFFFFF; PADDING-TOP: 1px; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: ff0000; TEXT-ALIGN: center; WIDTH: 400px;
}
</STYLE>

<CENTER>
<DIV id=scroll3
style="BORDER-TOP: #FFFFFF 1px solid; WIDTH: 400px; BORDER-BOTTOM: #FFFFFF 1px solid">
<MARQUEE trueSpeed scrollAmount=1 scrollDelay=30 width=570 height=17><SPAN
style="LETTER-SPACING: 0em">"Dogs f*cked the Pope... no fault of mine. ~Fear and Loathing in Las Vegas</SPAN></MARQUEE></CENTER></DIV>

<STYLE type=text/css>INPUT {
    BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: arial
}
TEXTAREA {
    BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: arial
}
SELECT {
    BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: arial
}
SELECT {
    BORDER-RIGHT: dotted; BORDER-TOP: dotted; FONT-SIZE: 8pt; BORDER-LEFT: dotted; COLOR: #ffffff; BORDER-BOTTOM: dotted; FONT-FAMILY: arial
}
</STYLE>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 1px solid #FFFFFF; width:150px; background-color:000000; }
table.module th { background-color: #000000;font: bold 11px arial; text-transform: uppercase;color: #FFFFFF; border: none; }
table.module td {color: #000000; text-align: left; border: none; background-image: none; }
</style>

<!-- add this below all the CSS -->

<table border=0 width="400"><tr><td valign="top" width="400">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Stalker Info.</b></th></tr><tr><td valign="top" class="module">
<center><img src="http://p.xanga.com/pure_gonzo_journalism/profile.jpg(OR GIF, depending on your picture)"></center><p>

<b>Label:</b> Samantha<br>
<b>I am a:</b> girl<br>
<b>Mi musica:</b> HIM, Godsmack, Nirvana, CKY, Deadsy, and Metallica.<br>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Mi Amgos</b></th></tr><tr><td valign="top" class="module">

<!-- Add your subscriptions here -->

<a href="http://www.xanga.com/sweet_sixsixsix">Alicia</a><br>
<a href="http://www.xanga.com/anti_ashlee">Fcuk You</a>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Bloggies</b></th></tr><tr><td valign="top" class="module">

<!-- Add your blogrings here -->

<a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</a>

</td></tr></table><br>

<!-- Here's your CUSTOM MODULE.. copy and paste as needed -->
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Hot guy of the moment</b></th></tr><tr><td valign="top" class="module">
<font color=#FFFFFF>
coming soon!</font>

</td></tr></table><br>

</td><td width="500" valign="top" align="left">
<!-- end code provided by createblog.com -->

<B
style="FONT-SIZE: 8pt; LEFT: 137px; FONT-FAMILY: century gothic; POSITION: static; TOP: 15px"></I></B>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->
<STYLE TYPE="text/css">p {align=justify}
BODY{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/187.cur);}
a {cursor: url(http://www.boomspeed.com/sfhelpers/cursors/187.cur);}
</STYLE><b style=position:absolute;left:137;top:15;font-family:verdana;font-size:8pt;></i></b>

[RandomHero]

http://www.xanga.com/Pure_Gonzo_Journalism try that. That's the URL.
I want the pic. in the top left to not be covered.