main-rollup.css is interfering with one of my CSS ID's

[bigtime]

Hello,

I've used Firebug and Web Developer to try and track down this conflict but can't figure it out.

If I remove main-rollup.css the following css displays, otherwise it doesn't:


/* Page Back */
#pageback
{ background:url(/new2012/image/wall/01.jpg) no-repeat top center; position:absolute; left:0; top:0; width:100%; height:234px; z-index:-10; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


Here is what my header should look like with the photo of Bruce Lee controlled by #pageback:
http://defend.net/new2012/classes/

Here is what it looks like on the forum (Select new2012 style):
http://www.defend.net/deluxeforums/mixed-martial-arts-mma-bjj-forum/

Notice Bruce Lee is gone. What in main-rollup.css could possibly be interfering with #pageback?

Thanks for any pointers.

Tim

[Attitude5ire]

Its the z-index value of ur #pageback , currently its -15 so its pushed below page background.
Change it to 1 and it will show up but u have to arrange the value of other elements like logo header etc.. but jus place and sort of z-index values

[bigtime]

Thanks! Changing the z-index value did make a difference but as you mentioned it messed up the other elements. I've been trying to adjust the others but just can't figure it out. How much would you charge to make the adjustments for me? I've already spent over a week working on this and really need to get it completed.

Thanks,

Tim