ie7 menu has no background color, relatively positioned colums shifted

Warning. You get music whether you want it or not.

Could you turn that off or just post some code?

that's how the client wants it.

g

Problem #2: Remove {text-align: center;} from #container. Text alignment is inherited. Use it where it's needed and no higher in the hierarchy.

I was unable to replicate #1. Did you fix it?

It is part of your job description to make sure the client doesn't do stupid things, like auto-music. Let the visitor opt-in on his own.

cheers,

gary

I'll try that thanks.

But that on it's own shouldn't make the background color not show up in ie7, right? Or make the content areas move over to the left further than they should be.

I can't really turn off the auto play because my client specifically asked for it. I know. Maybe press your mute button?

Regards,
Greg

You see, Greg, the problem lies in the visitor already listening to his own choice of music. Or, it may be he's at work, or it's late night and having music suddenly pop up is a not good thing. There is simply no good reason to have music auto-play. None. Whatsoever.

cheers,

gary

does that mean you don't know why the background color isn't showing up?

No, it means I couldn't replicate your problem; the bg color was as expected in all browsers.

From #3 above:

gary

Oh, thanks for trying anyway.

It is still happening in ie7 on PC. (see attached image - if i managed to attach it properly.)

And this is how it should look

I tried altering the order of my css divs - I saw that originally i had the menu div above the container div, so i thought that might be the problem ie the menu is rendered, then the container with a background image is rendered on top of it, so you can't see the menu. but i changed the order and it didn't make any difference.

PS. i also took the text-align:center off the container div as suggested but it made the menu text align to the left. (leaves a big gap to the right).

Mysterious mystery.
g

You still have this:

#container {
    box-shadow: 0 0 15px #888888;
    height: 666px;
    margin: 0 auto;
    text-align: center;
    width: 985px;
}

The menu is a different issue.

gary