ok so i want help on getting this to top of my page here is the code

[spoiler]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Invision-X</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" href="js/slideshow.css" type="text/css" media="screen" />
<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
<div id="wrap">
<div id="top">
<div id="test">
<!--Text After This made by Cruel-->
<!--Text After This made by Cruel-->
<!--Text After This made by Cruel-->
<h2>Invision-X</h2>
Hai
<div id="gal">
<h2>Image Gallery</h2>
</div>
</div>
<ul id="navigation">
<li id="1" class="navigation"><a href="#">Home</a></li>
<li id="2" class="navigation"><a href="#">Home</a></li>
<li id="3" class="navigation"><a href="#">Home</a></li>
<li id="4" class="navigation"><a href="#">Home</a></li>
</ul>
<!--Begin slideshow-->
<div id="header"><div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>

<!--content featured gallery here -->
</div>
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"Twistart Portfolio","desc":"designs by cruel"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>
</div></div><!--/end of slideshow-->
<div id="vince">
</div>
</div>
<div id="yeah">
</div>
<div id="bot">
</div>
</div>
</body>
</html>[/spoiler

what i want is to have the slide on the top of my page and not in bottom.
that slideshow