I'm not entirely sure what I'm doing here mainly because I'm not entirely sure what I'm looking at. This is suppose to be a desktop. With a background image and a three tables linked together over top of it. When I try and make it look more like what I'm used to seeing a style sheet look like I get either the background or the table. Can someone tell me how I can tweek this so that the table goes over the background image and the image doesn't tile?
I've included everything but the tables them selves because there is a lot of information in them, make too many characters to post.


<style type="text/css">
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Verdana, Arial,

Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
.numtable, .numtable td
{
font-family: Verdana, Arial,

Helvetica, sans-serif;
filter:glow(color=black,

strength=2);
font-size: 10px;
color: #FFFFFF;
}
.linktable, .linktable td
{
filter:glow(color=black,

strength=2);
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->
</style>
<table width="100%" border="0"

height="100%" cellpadding="0">

<!--Background Image-->

<tr valign="top"><td width="100%"
background="bloodrayne_1_1024.jpg">

<!--End Background Image-->