title: Inline CSS background-image not displaying
body: <p>I'm trying to use the CSS background-image property inline in order to display a different background image according to the link used to get to the page, with the remaining properties set in the CSS stylesheet.</p>
  
  <p><b>HTML:</b></p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="imagecontainer" style="background-image: url('gallery/images/&lt;?php echo $image;?&gt;');"&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><b>CSS:</b></p>
  
  <pre><code>.imagecontainer{
      margin: 0 auto;
      width: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block;
      text-align: right;
  }
  </code></pre>
  
  <p>The developer view in my browser shows that the image and CSS file are linked correctly, but nothing is displaying.  Any help greatly appreciated.  Thanks.</p>