Background image not staying put in Safari (Toolbox theme)

• 

  discothequerecords · Member · Mar 1, 2011 at 4:53 am

  • Copy link
  • Add topic to favorites

  I’m using the Toolbox theme.
  I have a background image positioned at the bottom of my blog — http://www.discothequerecords.com/
  In Firefox it stays down at the bottom like I want it to but for some reason when I visit the site in Safari it’s jumped up to the top.

  This is the code I used.
  What am I doing wrong?

  body {
  background-image:url('http://discothequerecords.files.wordpress.com/2011/02/discotheque_background-copy1.png');
  background-repeat:no-repeat;
  background-position:bottom;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 1, 2011 at 8:04 am

  • Copy link

  Safari seems to be tweaking with the background-position stuff. Instead of adding the background like you have it as separate properties, try the short form as below.

  body {
  background: url("http://discothequerecords.files.wordpress.com/2011/02/discotheque_background-copy1.png") no-repeat scroll center bottom transparent;
  }