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>

[SteveZz]

I'm not entirely sure about this but I believe that your problem on this issue is that background-image:url(http://i46.photobucket.com/albums/f101/k8erz/bnwbg.gif); needs to be background-image:url('http://i46.photobucket.com/albums/f101/k8erz/bnwbg.gif');