title: Background image on right and left side
body: <p>How do I get this to work?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  .left
  {
  float: left;
  background-image: url('image_with_variable_width.png');
  background-repeat: repeat-y;
  }
  .right
  {
  float: right;
  background-image: url('image_with_variable_width_flipped.png');
  background-repeat: repeat-y;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="left"&gt;&lt;/div&gt;
  &lt;div class="right"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>