photo as bg Options

[bittersweetmelod...]

if anyone can please help me out, thatd be great. i want to change my white bg color to a different one...or at least put a photo as the background on the bottom right hand corner, but i can't- it just remains white and my photo still remains behind my tables.

this is the code i used in my about me section if that helps:
<STYLE type="text/css"><!-- --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
--> --> --> --> --> --> --> --> --> --> --> --> -->
-->BODY{background-color: CC6666; background-image :
url(http://img.photobucket.com/albums/v287/5iveminutes/flowers.jpg);background-repeat:
repeat-y; background-attachment: fixed;}--></STYLE>


<style type="text/css">
..

..
table, tr, td { background-color:CC6666;
border:none; border-width:0;}
body {
background-color:CC6666;
border-color:997799;
border-width:20px ;
border-style: solid;
}

..
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:3px;
border-color:99BB77;

background-image:url('http://img.photobucket.com/albums/v287/5iveminutes/untitled.jpg');
background-repeat: repeat;
background-attachment: scroll
}
..
table, tr, td, li, p, div { font-family:courier new;
color:000000; font-size:12px; font-weight:bold; }
.btext { font-family:courier new; color:CC2266;
font-size:12px; font-weight:bold; }
.blacktext10 { font-family:courier new; color:000000;
}
.blacktext12 { font-family:times new roman;
color:779955; font-size:16px; font-weight:bold; }
.lightbluetext8 { font-family:times new roman;
color:997777; font-size:12px; font-weight:bold; }
.orangetext15 { font-family:times new roman;
color:775599; font-size:16px; }
.redtext { font-family:courier new; color:000000;
}
.redbtext { font-family:courier new; color:000000;
}
.text { font-family:times new roman; color:000000;
font-size:12px; font-weight:bold; }
.whitetext12 { font-family:times new roman;
color:000000; font-size:12px; font-weight:bold; }
a:active, a:visited, a:link { font-family:courier new;
color:BBDDBB; font-size:12px; font-weight:bold; }
a:hover { font-family:courier new; color:000000;
font-size:16px; }
a.navbar:active, a.navbar:visited, a.navbar:link {
font-family:courier new; color:FFFFFF; font-size:12px;
font-weight:bold; }
a.navbar:hover { font-family:courier new;
color:000000; font-size:14px; }
a.redlink:active, a.redlink:visited, a.redlink:link {
font-family:courier new; color:335577; font-size:12px;
font-weight:bold; }
a.redlink:hover { font-family:courier new;
color:CC2266; font-size:12px; }
.nametext { font-family:times new roman; color:CC2266;
font-size:16px; font-weight:bold; }

..
table {direction:rtl;}
table table table {direction:ltr;}
</style>