Using images as backgrounds within a wrapper.

[riccom]

Hello,

I have a very big dilemma here, for me that is. I am using three images as BG's within a wrapper. See link. The top image is fine. But the center shows okay in design view. However, when I test, the content moves behind the center image. Also, my text is blacked out. This started happening recently.

Here it is in a nut shell. Box-1 contains images, text and box-2. This is repeated three levels vertically, with different images of course. The bottom right corner of the view port contains a page menu. This also hides on test.
This can be seen here: Link

This is in design view. Any recommendations ?

ricco-m

[MMcCarthy]

You have posted this in the Articles section. I am moving it to the HTML forum.

ADMIN

[riccom]

Thank you.

I am very new to CSS and web design, and also communicating on forums. I appreciate you forwarding the thread. It is very important.

ricco-m

[MMcCarthy]

Thank you.

I am very new to CSS and web design, and also communicating on forums. I appreciate you forwarding the thread. It is very important.

ricco-m

Not a problem. I hope the experts can help.

[drhowarddrfine]

Validate your html and css to fix those. You are using 'font' improperly. To set the font family alone, use 'font-family'.

You spell wrapper_img_mid dle with two l's.