title: background image with horizontal scrolling
body: <p>I have a background image in bottom right of the page.</p>
  
  <p>when i compress the browser width, the background image is cropped at the left side. Means i can't browse the background image with the horizontal scroll bar.</p>
  
  <p>I have below background properties.</p>
  
  <p>background-image:url('Image.png');
    background-size: 564px 282px;
    background-attachment: fixed;
    background-position: bottom right;
    background-repeat: no-repeat;</p>
  
  <p>Please let me know, what im missing here.
  Thanks in advance</p>