title: background-image for wrapper div is not working
body: <p>I have to design a site with a frameset.</p>
  <p>I want to make one frame with the main page and another with a menu on the right. But framesets are ugly most times, aren't they? So I want to define a background image for a wrapper div and a little border on the left in <code>#4e4e4e</code> to make it a bit nicer. But this doesn't work. I don't see any image even though it seems to be embedded correctly.</p>
  <p>And can you tell me how to do that thing with left grey border? I thought of a left border for the wrapper but I am not sure.</p>
  <p>Thanks!</p>
  <pre><code>&lt;style&gt;
  #wrapper {
      background-image: url(../img/rook/img/fever.jpg);
      background-color: #4e4e4e;
      width: 500px;
      height: 200px;
      border: 1px solid red;
      padding: 20px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id=wrapper&quot;&gt;
          &lt;ul&gt;
              &lt;li&gt;Main&lt;/li&gt;
              &lt;li&gt;History&lt;/li&gt;
          &lt;/ul&gt;
          &lt;br&gt;
          &lt;!--...--&gt;
      &lt;/div&gt;
  </code></pre>