Help with css/java/xml plz

ok i have a menu going on right its really cool but its always stuck to the top left hand of the screen…
i need it in a certain layoutcell in dreamweaver.
i paste only the needed code and it works but its stuck in the top left … ne 1 know how 2 remove this from the top left thing…

[size=1]<?xml version=“1.0” encoding=“iso-8859-1”?>
<?php header(‘Content-Language: en’); ?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “[/size][size=1]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/size][size=1]”>
<html xmlns="[/size][size=1]http://www.w3.org/1999/xhtml[/size][size=1]" xml:lang=“en” lang=“en”>
<head>
<title></title>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />[/size]
[size=1]<script type=“text/javascript”>
<!–
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById(‘smenu’+i)) {document.getElementById(‘smenu’+i).style.display=‘none’;}
}
if (d) {d.style.display=‘block’;}
}
//–>
</script>[/size]

[size=1]<style type=“text/css”>
<!–
/* CSS issu des tutoriels [/size][size=1]www.alsacreations.com/articles[/size][size=1] */
body {
margin: 0;
padding: 0;
background: #330033;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin: 0px 0;;
height: 0px;
line-height: 0px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
background: ;
}
dl#menu dd {
border: 0px solid gray;
}
dl#menu li {
text-align: center;
background: #330033;
}
dl#menu li a, dl#menu dt a {
color: #CCCC99;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}[/size]
[size=1]dl#menu li a:hover, dl#menu dt a:hover {
background: #420042;
}[/size]
[size=1]#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 97px;
color: #000;
background-color: #ddd;
top: 221px;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}[/size]
[size=1]–>
</style>
</head>[/size]
[size=1]<body bgcolor="#000000">
<font color="#FFFFFF"></font>
<dl id=“menu”>
<dt onclick=“javascript:montre(‘smenu1’);”><img src="…/New%20Ravens%20Website/home.gif" /></dt>
<dd id=“smenu1”>
<ul>
<li><a href=“Gameday.htm” target=“iframe”>Gameday</a></li>
<li><a href=“Game1.htm” target=“iframe”>Game 1</a></li>
<li><a href=“Game2.htm” target=“iframe”>Game 2</a></li>
<li><a href=“Game3.htm” target=“iframe”>Game 3</a></li>
<li><a href=“Game4.htm” target=“iframe”>Game 4</a></li>
<li><a href=“Game5.htm” target=“iframe”>Game 5</a></li>
<li><a href=“Game6.htm” target=“iframe”>Game 6</a></li>[/size]
[size=1] </ul>

</dd>
[/size]
[size=1] <dt onclick=“javascript:montre(‘smenu3’);”><img src="…/New%20Ravens%20Website/team.gif" /></dt>
<dd id=“smenu3”>
<ul>
<li><a href=“Coaches.htm” target=“iframe”>Coaches</a></li>
<li><a href=“Manage.htm” target=“iframe”>Manager </a></li>
<li><a href=“Roster.htm” target=“iframe”>Roster</a></li>
</ul>
</dd>[/size]
[size=1]
<dt onclick=“javascript:montre(‘smenu5’);”><img src="…/New%20Ravens%20Website/photo.gif" /></dt>
<dd id=“smenu5”>
<ul>
<li><a href=“photo.htm” target=“iframe”>Photogallery</a></li>
</ul>
</dd>
<dt onclick=“javascript:montre(‘smenu6’);”><img src="…/New%20Ravens%20Website/faq.gif" /></dt>
<dd id=“smenu6”>
<ul>
<li><a href=“faq.htm” target=“iframe”>Frequently Asked Questions</a></li>
</ul>
</dd>[/size]
[size=1]
</dl>[/size]
[size=1]</body>
</html>[/size]