title: HTML / CSS - how to have one background image for entire table
body: <p>EDIT: okay turns out it was browser issues. Hopefully someone can close this before I get even more negative votes -.-</p>
  
  <p>I want a dark colored image as the background of my table, with the font and border lines to be a light color, say white. Here is my HTML</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;blank&lt;/td&gt;
           &lt;td&gt;blank&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;blank&lt;/td&gt;
           &lt;td&gt;blank&lt;/td&gt;
  
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;blank&lt;/td&gt;
          &lt;td&gt;blank&lt;/td&gt;
  
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;blank&lt;/td&gt;
          &lt;td&gt;blank&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;blank&lt;/td&gt;
          &lt;td&gt;blank&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and here is  my CSS</p>
  
  <pre><code>table {
      background:url(../images/bgimage.jpg);
      background-repeat:no-repeat;
      background-position:center center;
      width:180px; 
      height:200px;
      border:1px solid black;
      width:180px; 
      height:200px;   
      }
  </code></pre>
  
  <p>however, this is not working and it is not placing any image onto the screen. How come? I even tried placing !important at the end, like so</p>
  
  <pre><code>background:url(../images/15387_isopropyl_alcohol.jpg) !important;
  </code></pre>
  
  <p>but I still got nothnig Is it supposed to work? If it is, then I guess I will ahve to go through my entire code again and see if anything is wrong.. Is there another way to place a background image behind the table? I was thinking putting the table in a div and then giving the div a background image and then making the position absolute but that didn't work either, the image didn't even show up for some reason again.</p>