Safari not displaying background colour correctly

[neilmmarks]

Hi

I am hoping this should be a fairly simple fix !

there is an issue in Safari only on the following site:

http://www.3terraces.com

the background colour should be grey (the background of the actual content area is white). This displays correctly in all browsers EXCEPT Safari, which displays it as white. The CSS for the body is as follows:

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0; /* it’s good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-color: #CCC;

}

In theory this should work fine because I have exactly the same code in another site: http://www.ayamonte-apartment.com and this is displaying fine in Safari!.

I have attached the entire CSS if anyone wants to take a look. any suggestions greatly appreciated

Neil

[TheDoc]

The background color is showing fine for me in Safari.

(Safari 4.0.3, Mac, OS 10.6)

[falkencreative]

Seems fine to me to. I’m running Safari 4.0.5 on a Mac.

[neilmmarks]

Hi

I managed to find this CSS hack for Safari which did the trick:

# @media screen and (-webkit-min-device-pixel-ratio:0)
{
#safari { background-color:#CCC }
}

regards

Neil

[Author]

Posts