z-index layering help needed

[kath]

Hi, I recently found out that some of my pages (index included) were no longer rendering correctly in Firefox. My solution was to revamp my pages using CSS. I'm a newbie to CSS code, and I need some help:I'd like to position the red box under my image. It's just for color/effect and has no text/images etc. within it. Currently, it has a height assigned to it, but I'd like it to stretch with height of the content division.Here's a link: Splash Page needing help!As you can see, I've gotten the red box to the right of the main division, but I cannot get it under the image.Thanks a bunch!

[vchris]

If you want the red box to have the height of your container then I would suggest just making it a background element. First remove the div with the red box. Make an image of 1 pixel height and whatever width you want the red box to be. Then in your container css include this code:

#container { background: url('redbox.jpg') repeat-y right;

That's it. This way the red box will be underneath your picture and will span whatever height is your container.

[kath]

Thank you! It's working. I figured there would be a simple solution to my problem.

[vchris]

my pleasure