title: When background image hidden, no border in table
body: <p>When i set the visibility of the background images to hidden the border inside the table disappears.
  How do i keep the borders inside ? I add the picture in when the site is loaded with js and jquery</p>
  
  <p>Here is some my html and css:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;JS Bin&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table border="1px" id="container" &gt;
    &lt;tr&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
      &lt;td class="a"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  
   &lt;/table&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  
   .a{
   height:200px;
   width:200px;
    }
  
   .pic{
   background-image:url(pic.jpg);
   background-size:195px 195px;
   background-repeat:no-repeat;
   visibiility:hidden;
   }
  </code></pre>