Css not displaying properly with safari browser

HTML & CSS
1

Hello,

On my website, I have set the background in my stylesheets.
In ie and ff, it displays find, but in safari, the background does not show up.
How do I fix this problem?

.NewBackgroundHome
{
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 0;

background-color	: Black;

background-image	: url('../images/new_back_home.gif');
background-repeat	: no-repeat;
background-position	: center center;
z-index			: -1;

}

2

Try it 3ithout the negative z-index. I would avoid neg z-indexes. Just have postivie ones.

Also try the shorthand method:

.NewBackgroundHome {
  margin:0;
  background: #000 url(../images/new_back_home.gif) no-repeat 50% 50%;
}
3

Hi Ralph,

Thank you for helping me.
I removed the z-index from all the backgrounds and did a test.

I have one page just with the z-index removed:
The Illusionist - Lucas Wilson

and one using your idea of putting it all in one:
The Illusionist - Lucas Wilson

I am still having that issue.

Thanks.

4

That second one seems to work fine for me in Safari. I’m not sure what the problem is. Make sure to refresh your page. It’s difficult for me to say more, because I’m not too familiar with background images on tables. I don’t do table layouts, but I gather bg images can be a bit buggy, though don’t quote me on that. :slight_smile: