title: CSS- background color doesn't fill to top of scrolling div
body: <p>I have a div (sub area of page with scroll bar) that has some text, an image and a table.
  The background color defined for the div -</p>
  
  <pre><code>&lt;div style="background-color: white"&gt;
  </code></pre>
  
  <p>does not fill the area to the top, the top arrow of the scroll bar is above the area filled with the background color (by about the width of one line).  Adding a br at the top fixes it, but moves stuff too far down.</p>
  
  <p>I read two potential solutions.  One suggested I set a fixed height for the div.  That would require changing the height by trial-and-error every time I changed the content of the page. Next.  The other suggestion said to add this at the end, just before the /div -</p>
  
  <pre><code>&lt;/div&gt;
  &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but that has no effect.</p>
  
  <p>There are several different pages that get loaded into the scrolling area, using SSI's, and some of those included pages use divs, and some of those are floats and some absolutes.</p>
  
  <p>Thanks for any help.</p>
  
  <p>EDIT</p>
  
  <p>Adding the following, which I didn't realize was needed with the "clear", still doesn't work</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .clear {
  clear:both;
  height:1px;
  overflow:hidden;}
  &lt;/style&gt;
  </code></pre>
  
  <p>Ad</p>