title: Javascript: Change backgroundPosition for two background images on one element
body: <p>My Problem: 
  I have two background images on the body tag one floating left and one right. The left image has a left padding of 50px and the right image has a right padding of 50px. I need to change the left padding for the left image and the right padding for the right image via javascript (not jquery).</p>
  
  <p>Thanks for your help! :)</p>
  
  <pre><code>#body{
        background:url('http://www.w3schools.com/css/w3css.gif') no-repeat 50px 0px,
        url('http://www.w3schools.com/css/w3css.gif') no-repeat top right 50px;
  }
  </code></pre>