I need help on my background image Options

[Anastasia_Romano...]

My background image on my code is there but it gets covered up by white, black, or gray. how do I get the image to come to the front to be the true background image.

www.myspace.com/Anastasia_Romanova03

here is the code I am using

<style type="text/css">
body {
background-color: 000000;
background-image: url(http://www.geocities.com/anastasia_romanova03/Duck120-1024.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
}
table, tr, td {
background-color: transparent;
border: 0px;
}

table table {
border: 3px;
}
table table table table{
border: 3px;
}
table table table {
border-width: 3px;
border-color: rgb(255, 0, 187);
border-style: solid;
background-color: transparent;
}
table table table td {
background-color: transparent;
filter:alpha(100);
-moz-opacity:0.;
opacity: 100;
-khtml-opacity:0.;
}
table table table table td {
filter:none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Verdana;
font-size: 12px;
color: rgb(255, 0, 166);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
display: block;
font-family: Verdana;
font-size: 12px;
color: rgb(255, 28, 178);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: 12px;
color: rgb(255, 0, 174);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(2, 238, 232);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(0, 253, 122);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>

[*WHIMSICAL 0NE*]

I changed the part of your code where it said center center after the URL of the picture. What the two center's did was center it vertically. So it was in the center of the page but since you had so much content you had to scroll down to see it. Confusing, I know. But all I did was change this:
body {
background-color: 000000;
background-image: url(http://www.geocities.com/anastasia_romanova03/Duck120-1024.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
}


To this:
body {
background-image:url('http://www.geocities.com/anastasia_romanova03/Duck120-1024.jpg');
background-attachment:fixed;
background-repeat:repeat;
}