title: How to set a background image in css?
body: <p>I want to define a image background for a webpage, where the images lies in a subfolder of where the css resource is defined.</p>
  
  <p>path:</p>
  
  <pre><code>src/main/webapp/VAADIN/themes/mytheme/styles.css
  src/main/webapp/VAADIN/themes/mytheme/img/logo.png
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.root {
      background: url("/img/logo.png") no-repeat;
  }
  </code></pre>
  
  <p>Result: The resource could not be found (firebug).
  Why? How to I have to specify the path?</p>