danny,

I did something similiar, but used four corner images attached to four elements/divs. I did this per Pro CSS Techniques by Apress. It's supposed to allow for scaleable boxes - both up/down & left/right. I originally did this to allow myself a fully liquid content area in my layout. I have since decided this is an impossible feat for me and will prob eventually use a top & bottom image like you suggested.

In the meantime, I at least seem to have narrowed the problem down to a padding/margin issue. It seems that my .content class padding/margin does not allow me to specify a value without adding a "block" of color that is my current problem. I can't seem to change this no matter what padding/margin I use or what bg color I use in the div I set the margin/padding to. I feel like I am close to fixing this, but am still beating my head against some invisible wall that I can't seem to get through.

Can anybody take a look at my css code and help me out before I change my img's to top and bottom as stated by danny above.

Thanks,

Craig