Anyone tell me what i'm doing wrong?

For my background image i want it to span the whole page and for some reason i can't get it to do it. Here is an image of the site,

http://img535.images...425/csshelp.png

And here is my code for the website including the css.


<html>

<head>

<title>My Website</title>


<style type='text/css'>

body { margin:0; padding:0; 

background-image:url('splash_bg.jpg');

background-repeat:repeat-y;

color: #FFFFFF;

font-weight: bold;

}


/* top */


#top {

	background: url(top.jpg); height: 45px; font-size: 14px; color: #FFFFFF; width: 100%; display: block; text-align: left; border-bottom: 5px #FFFFFF solid;

	}

#top ul {

	margin: 0px 0px 0px 20px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; 

	}

#top ul li {

	float: left; display: inline; list-style-type: none; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;

	}

#top ul li.top_text {

	padding-top: 0px; font-size: 14px;

	}

#top ul li.top_form {

	padding-top: 10px;

	}

#top ul li.top_input {

	padding-top: 14px; vertical-align: middle;

	}

#top form {

	margin: 0px; padding: 0px;

	}

#top ul li.top_text_right {

	padding-top: 15px; float: right; margin-right: 20px; font-size: 14px;

	}

#top ul li.t {

	padding-left: 20px;

	}

#top ul li img {

	vertical-align: middle;

	}

#top a {

	color: #FFFFFF; font-weight: bold;

	}

#top ul li.top_line, #top ul li.top_line_right {

	background-image: url(top_line.jpg); width: 4px; height: 45px; background-repeat: no-repeat; margin: 0px 10px;

	}

#top ul li.top_line_right {

	float: right;

	}

#top ul li.top_select {

	float: right; padding: 13px 20px 0px 0px;

	}

#top select {

	border: 1px solid #b5c7c9; padding: 1px; text-align: left; font-size: 12px; color: #125a84; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif;

	}

#top a.red {

	color: red;

	}

#top input.text {

	border: 1px solid #000000; width: 150px; padding: 0px; text-align: left; vertical-align: middle;

	}

</style>


</head>

<body>


<!--Top Bar Starts Here -->

<div id="top" metal:define-macro="top">

<ul>

<li class="top_text_right"><marquee>Welcome to my website!</marquee></li>

</ul>

</div>

<!-- Top Bar Ends Here -->


</body>

</html>

Many thanks for any help provided.