title: sidebar with color down page, html, css
body: <p>I have this code in a blade file currently, and its so CLOSE to what I need. However, I can't quite get the sidebar element to have color all the way down, as in a column. </p>
  
  <p>*edited, html was removed in earlier version </p>
  
  <pre><code>&lt;style&gt;
  
      ul.products li {
          width: 200px;
          display: inline-block;
          vertical-align: top;
      }
  
      body{
          background: white;
      }
  
      #wrapper { overflow:auto; }
  
      #content {
          float: right; width: 80%;
          margin:5px 0 5px 0;
      }
  
      #sidebar {
          float: left;
          width: 20%;
          background: #F9F8F2 repeat-y;
      }
  
  &lt;/style&gt;
  
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  
      &lt;div id="sidebar"&gt;
          &lt;ul&gt;
              &lt;li&gt;Sidebar stuff.&lt;/li&gt;
              &lt;li&gt;Sidebar stuff.&lt;/li&gt;
              &lt;li&gt;Sidebar stuff.&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div id="content"&gt;
          &lt;ul class="products"&gt;
              &lt;li&gt;
                  &lt;a href="#"&gt;
                      &lt;img src="logo.png"&gt;
                      &lt;h4&gt;text&lt;/h4&gt;
                      &lt;p&gt;$20.00&lt;/p&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a href="#"&gt;
                      &lt;img src="logo.png"&gt;
                      &lt;h4&gt;text&lt;/h4&gt;
                      &lt;p&gt;$25.00&lt;/p&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>