Hello Everyone, I'm new to posting on these forums and I hope you all can Help Me out.

Before I begin, this is my test website for my kinship's actual website.

Drama Queens

Now, I used one of the mod's suggestions to another poster and created a javascript line that allows the website to pull different CSS files depending on the resolution of the screen.

To being with, I have run into a problem regarding resolution width 1024 and under, because the banner and tab images portrude to the left side.

My question is, would it be possible to add a custom banner and tab image .css portion to the css files that change the background image in order to accomodate?

example would be:

body {background: url(http://i3.photobucket.com/albums/y68/SazumeGonzalo/Drama%20Queens/Website/BodyBG.png) top center;}
.PageWrapper {width:1055px !important;}
.LeftContentZone {width:250px !important;}
.RightContentZone {width:250px !important;}
.CenterContentZone {max-width:525px;}
((add here portions for banner and tab images for this resolution))

Well, thats my question, if anyone knows how to go about this, it would be very helpful, I need to accomodate for a range 
of people to be able to freely access my webpage. Thank you.