title: Safari and Chrome background positioning is not the same
body: <p>So I made a page with a full size background using the code from this site:
  <a href="https://css-tricks.com/perfect-full-page-background-image/" rel="nofollow">https://css-tricks.com/perfect-full-page-background-image/</a></p>
  
  <p>I have also added <code>background-position:center bottom;</code> and <code>background-attachment:fixed;</code> so that the bottom of the background image is always showing.</p>
  
  <p>It works perfectly fine on Chrome, but on Safari the bottom of the background image is getting cut off a bit. Is there any way I can make it so it looks the same on both browsers?</p>