Background not showing. Options

[misfit]

Nothing comes up when I added a backgound image in..I'd reuse the generator so it just adds it for me,but I can't as the generator doesn't have a template with just 3 divs..I've fiddled round with the codes,added a background image code from the scripts section on here and taken it back out coz it didnt work and then just left the {background-image:url(http://i46.photobucket.com/albums/f101/k8erz/bnwbg.gif);} in... and still,nothing shows up..
I also just want the background to be around the divs,not in the div boxes...
Can someone help...thanks..
http://profile.myspace.com/index.cfm?fusea...31-aacedcb0ecc9

<style type="text/css"> body {background-color:transparent;}body{background-image:url(http://i46.photobucket.com/albums/f101/k8erz/bnwbg.gif);} td, .text, div, input {color:FFFFFF !important;} span, b {color:FFFFFF !important;} a {color:FFFFFF !important;} img {border:0px;} table, tr, td, tbody {background-color:transparent; border:0px;} object {display:block; position:absolute; top:-5px; left:0px; visibility:visible;} table div div, table tr td div font a {visibility:hidden;} .div1 a, .div2 a, .div3 a, .div4 a {visibility:visible !important;} .text, table table table table a, table table table table div,.frm1 {visibility:hidden;} table table table table div a, .frm1 input {visibility:visible;} .text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} table table, table table td {padding:0px; height:0px;} .div1 { background-color:000000; color:FFFFFF; border:5px ridge; border-color:FFFFFF; width:250px; height:256px; overflow:auto; position:absolute; z-index:2; left:50%; top:-5%; margin-left:-435px; margin-top:200px; visibility:visible;} .div2 { background-color:000000; color:FFFFFF; border:5px ridge; border-color:FFFFFF; width:350px; height:130px; overflow:auto; position:absolute; z-index:2; left:50%; top:-5%; margin-left:-180px; margin-top:200px; visibility:visible;} .div3 { background-color:000000; color:FFFFFF; border:5px ridge; border-color:FFFFFF; width:350px; height:130px; overflow:auto; position:absolute; z-index:2; left:50%; top:-5%; margin-left:-180px; margin-top:325px; visibility:visible;} .div4 { background-color:000000; color:FFFFFF; border:5px ridge; border-color:FFFFFF; width:250px; height:256px; overflow:auto; position:absolute; z-index:2; left:50%; top:-5%; margin-left:180px; margin-top:200px; visibility:visible;} .bbzDiv {content:"Overlay Generator beta";} </style> <style type="text/css">.r{;} body div table tbody tr td a font, .navbar {visibility:visible;}</style> <style type="text/css"> .frm2 {visibility:hidden;} .frm2 input {visibility:visible;} .bbzURL {content:"http://overlay.bbzspace.com";} </style> <style type="text/css"> a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } </style> <style type="text/css"> body, html {visibility:visible !important; display:block !important} </style> <style type="text/css"> body { background:000000; scrollbar-face-color:000000; scrollbar-highlight-color:333333; scrollbar-3dlight-color:555555; scrollbar-shadow-color:777777; scrollbar-darkshadow-color:DDDDDD; scrollbar-arrow-color:BBBBBB; scrollbar-track-color:444444;} </style> <STYLE type="text/css"> input, form, td.text input, td input {visibility: visible !important;} </style>

[freeflow]

Its the div code its too hard to tell which part it is because the code is jumbled. Seriously those generators aren't doing you any good.

My idea as it was before.
Hide your profile with a simpler code. And then position your own divs. Tha way you get the background.

Or go through the entire code. Take out line by line till the backgrounc comes back. I tried that but it wasn't working for me so you try.