im trying to put a bg image on tha table, but it turns up everywhere bits here an there. i was tryin to make it fixed on the table.

heres the code for the bg image
{background-image: url("http://us.f2.yahoofs.com/users/d6467ed0_m40b5ee01/eff1/__sr_/a15f.jpg?phSrEeBBV4pYrEBb"); background-attachment: fixed;}

and heres where im tryin to fit it in

<STYLE type="text/css">
BODY {
border-style: solid;
border-top-width: 25px;
border-bottom-width: 25px;
border-left-width: 25px;
border-right-width: 25px;
border-color: 000000;
background-color: 0000dd;
scrollbar-face-color: 0000dd;
scrollbar-face-color: 0000DD;
scrollbar-shadow-color: " ffffff";
scrollbar-highlight-color: " cccccc";
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-track-color: cccccc;
scrollbar-arrow-color:" cccccc";

margin: 0px 1%;
padding: 60px;
}


table, tr, td {border-color: cccccc; border:5; background-color: 000000; font-family: Comic Sans Ms ; text-transform: UPPERCASE; color:ffffff;}



li, h1, h2, p, br {color:0000ff;}
.navbar {color:0000ff;}
.blacktext10 {color:0000ff;}
.lightbluetext8 {color:0000ff;}
.blacktext12 {color:0000ff;}
.btext {color:0000ff;}
.whitetet12 {color:0000ff;}
.orangetext15 {color:0000ff;}
.redbtext {color:0000ff;}
.copy {color:0000ff;}
.text {color:0000ff;}
.bold {color:0000dd}
a:link{color: 0000ff; text-decoration:none; cursor:ne-resize; text-transform: UPPERCASE}
a:active{color: 0000ff; text-decoration:none; cursor:ne-resize; text-transform: UPPERCASE}
a:visited {color: 0000ff; text-decoration:none; cursor:ne-resize; text-transform: UPPERCASE}
a:hover{color 0000ff; text-decoration:NONE; cursor: se-resize; font-family:Comic Sans MS; font-size: 8pt;background color:none}
A:hover {.alpha {
width: inherit; height: 1; Filter: none; border: 1px dotted; font-size: 8pt; font-family: Comic Sans MS}
LI, l {font-family : Arial;font-size : small;}



</style>

any suggestions anyone?