title: Need a black filler bar spanning the width of my website on bottom and top, and must be expandable
body: <p>Hey everyone.  I am trying to create a black bar, the size of the footer to extend from one side of a page to another (pretty much to fill in the white space and make it look like my footer extends to each side of the screen.  I cannot do this because I have already used an image in the body section of  my CSS</p>
  
  <pre><code>body {
    margin: -1px 0 0 0;
    padding:0px;
    background-color:#FFF;
    font-family: calibri;
    background-image:url(images/item9HeaderSideFiller.gif);
    background-repeat: repeat-x;
  }
  </code></pre>
  
  <p>*I'm pretty much doing the same thing with the header, but the black line is much smaller.</p>
  
  <p>Please check out the site <a href="http://item9andthemadhatters.com/" rel="nofollow">http://item9andthemadhatters.com/</a>  </p>
  
  <p>This will make it easier to understand what I am trying to do.</p>
  
  <p>I know this is probably an easy fix, but I'm new with html.  Any help would be great.  Thanks!</p>