title: Multiple Background Images To Repeat on Y left and Y Right
body: <p>I'm trying to get two images to repeat ( one shadow image on the right, the other on the left) in the background exactly like this site. </p>
  
  <p>So far I am unable to get the CSS code correct:</p>
  
  <p><a href="http://www.elegantthemes.com/preview/Modest/" rel="nofollow">http://www.elegantthemes.com/preview/Modest/</a></p>
  
  <p>I examined the code for that site and have the shadow images I wish to use. I tried to duplicate the code that Elegant Themes is using on a WordPress site running Headway:</p>
  
  <pre><code>.right-shadow { background: #ffffff url(images/right-shadow.png) repeat-y top right; }
  .left-shadow { background:url(images/left-shadow.png) repeat-y top left; }
  </code></pre>
  
  <p>But it did not work.</p>
  
  <p>Then I tried:</p>
  
  <pre><code>body {background:#ffffff url(http://website.com/wp-content/uploads/2012/07/right-shadow.png) repeat-y right top;} 
  </code></pre>
  
  <p>This worked for the right shadow image - it appears correctly</p>
  
  <p>Then I tried</p>
  
  <pre><code>body {background:#ffffff url(http://websitebuddha.com/wp-content/uploads/2012/07/left-shadow.png) repeat-y left top;}
  </code></pre>
  
  <p>This worked for the left shadow image - it appears correctly</p>
  
  <p>Now when I tried and combine the code to display both shadow images along Y left and Y right as such:</p>
  
  <pre><code>body {background:#ffffff url(http://website.com/wp-content/uploads/2012/07/right-shadow.png) repeat-y right top, url(http://website.com/wp-content/uploads/2012/07/left-shadow.png) repeat-y left top;}
  </code></pre>
  
  <p>It does not work - both images do NOT appear</p>
  
  <p>I also tried this:</p>
  
  <pre><code>body {
      background-image: url(http://website.com/wp-content/uploads/2012/07/right-shadow.png), (http://website.com/wp-content/uploads/2012/07/left-shadow.png);
      background-repeat: repeat-y right top, repeat-y left top;
  }
  </code></pre>
  
  <p>This also does not work - both images do NOT appear</p>
  
  <p>How can I get this to work exactly as it does with the Modest Theme by Elegant themes? </p>
  
  <p>Thanks for reading.</p>