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>

Can you please take your profile off private,
Thanks.

i took it off of prvate sorry

Try changing your code to this:

CODE

<style type="text/css">
body {
background-image:url('http://www.geocities.com/anastasia_romanova03/Duck120-1024.jpg');
background-attachment:fixed;
background-repeat:repeat;
        }

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>

Thank you very much! It fixed the problem. What did you do to mke it work?

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;
}