[thelist] CSS background image doesn't show in Safari

Roel Mulder roel.mulder at gmail.com
Tue Sep 12 07:35:57 CDT 2006

Hi all,
Recently we put up a website in valid CSS, yet Safari doesn't show the
background image set to a <div> on the pages. A vertical background
image behind the navigation bar is set to <body>, followed by an
overlapping graphic set to a <div>.

body {
  background:#91e300 url(/global/img/bg_contact01.gif) repeat-y left top;
  margin:0; padding:0;
  height:100%; /* needed to display bkgnd2 at full height in IE */
#bkgnd2 {
  position:absolute; /*needed to expand to full height beyond content in FF */
  top:0px; left:0px;
  height:auto; /* FF needs this setting to expand div to fit long content */
  min-height:100%; /*sets minimum height in FF*/
  background:transparent url(/global/img/bg_contact02.gif) left top no-repeat;
* html #bkgnd2 {
 height:100%; /*sets bkgnd2 to full height in IE w short content --
also need height:100% in body*/

Are there any CSS wizards that can point me in the direction to go
from here..? It does seem to render fine in IE, FireFox, ... on both
Windows and Mac.

The website is up at http://www.silly-go.nl/ if you want to see the
complete source.

Roel Mulder

More information about the thelist mailing list