Have a loot at my profile and scroll and you'll see what I mean; the body bg is fixed and non-repeating, like I wanted, but there's some floating images scrolling with the content. Any suggestions on what I can stick in there/what I need to do?
body {background: #000000 url('http://i261.photobucket.com/albums/ii78/daemonvulpes/Layout/GaiaBG7.png') no-repeat fixed;}
.panel{background:#fff;color:#000000;
scrollbar-track-color: #000000; scrollbar-face-color: #000000; scrollbar-arrow-color: #a5a5a5; scrollbar-shadow-color: #a5a5a5; scrollbar-darkshadow-color: #000000; scrollbar-highlight-color: #a5a5a5; scrollbar-3dlight-color: #000000;}
a{color:#a5a5a5;}
#header a{color:#a5a5a5;}
.panel h2 {
background: none none repeat scroll 0 0; color: #ffffff;
}
/* Panels*/
.panel {background: none; color: #ffffff; padding: 0px 0px 0px 0px;}
#column_1 .panel {width: 230px; height: 350px; overflow-y: auto; overflow-x: hidden;}
#column_2 .panel {width: 500px; height: 350px; overflow-y: auto; overflow-x: hidden;}
#column_3 .panel {width: 220px; height: 350px; overflow-y: auto; overflow-x: hidden;}
#column_1 .panel h2 {color: #ffffff; background: transparent url(http://i261.photobucket.com/albums/ii78/daemonvulpes/Layout/headlinesmall4.png) center top no-repeat; height: 32px;}
#column_2 .panel h2 {color: #ffffff; background: transparent url(http://i261.photobucket.com/albums/ii78/daemonvulpes/Layout/headlinethingiepanel2.png) top center no-repeat; height: 32px;}
#column_3 .panel h2 {color: #ffffff; background: transparent url(http://i261.photobucket.com/albums/ii78/daemonvulpes/Layout/column3.png) center top no-repeat; height: 32px;}
.panel h2 {margin: 0px 0px 0px 0px; padding: 10px 6px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 10px;}
}
.panel{background:#fff;color:#000000;
scrollbar-track-color: #000000; scrollbar-face-color: #000000; scrollbar-arrow-color: #a5a5a5; scrollbar-shadow-color: #a5a5a5; scrollbar-darkshadow-color: #000000; scrollbar-highlight-color: #a5a5a5; scrollbar-3dlight-color: #000000;}
a{color:#a5a5a5;}
#header a{color:#a5a5a5;}
.panel h2 {
background: none none repeat scroll 0 0; color: #ffffff;
}
/* Panels*/
.panel {background: none; color: #ffffff; padding: 0px 0px 0px 0px;}
#column_1 .panel {width: 230px; height: 350px; overflow-y: auto; overflow-x: hidden;}
#column_2 .panel {width: 500px; height: 350px; overflow-y: auto; overflow-x: hidden;}
#column_3 .panel {width: 220px; height: 350px; overflow-y: auto; overflow-x: hidden;}
#column_1 .panel h2 {color: #ffffff; background: transparent url(http://i261.photobucket.com/albums/ii78/daemonvulpes/Layout/headlinesmall4.png) center top no-repeat; height: 32px;}
#column_2 .panel h2 {color: #ffffff; background: transparent url(http://i261.photobucket.com/albums/ii78/daemonvulpes/Layout/headlinethingiepanel2.png) top center no-repeat; height: 32px;}
#column_3 .panel h2 {color: #ffffff; background: transparent url(http://i261.photobucket.com/albums/ii78/daemonvulpes/Layout/column3.png) center top no-repeat; height: 32px;}
.panel h2 {margin: 0px 0px 0px 0px; padding: 10px 6px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 10px;}
}
That's the code I presently have written up for my override, for reference. Maybe you can see the error I can't.
Thanks loads!