title: Need to make <td> tags into external links using HTML5 and CSS3
body: <p>I am trying to allow visitors to click on a link inside a table that uses CSS3 animation classes...I can't seem to get the DIV background image to become a link...see below HTML and CSS3...</p>
  
  <p>I would like to make each <code>&lt;td&gt;</code> into a clickable external link...</p>
  
  <p>I have tried to surround the <code>&lt;td&gt;</code> with an <code>&lt;a&gt;</code> tag...tried to put the <code>&lt;a&gt;</code> tag inside the <code>&lt;td&gt;</code> tag...</p>
  
  <p>thanks for your help...</p>
  
  <p>Please see this fiddle - <strong><a href="http://jsfiddle.net/webfrogs/9gm74/" rel="nofollow">jsFiddle</a></strong></p>
  
  <p>HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="partner_holder"&gt;
  
  &lt;table width="75%" height="100%" border="1" cellspacing="2" cellpadding="2"&gt;
    &lt;tr&gt;
    &lt;td class="showbox slideright"&gt;&lt;div id="partner_holder_1"&gt;&lt;/div&gt;&lt;/td&gt;
      &lt;td class="showbox slideright"&gt;&lt;div id="partner_holder_2"&gt;&lt;/div&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="showbox slideright"&gt;&lt;div id="partner_holder_3"&gt;&lt;/div&gt;&lt;/td&gt;
      &lt;td class="showbox slideright"&gt;&lt;div id="partner_holder_4"&gt;&lt;/div&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="showbox slideright"&gt;&lt;div id="partner_holder_5"&gt;&lt;/div&gt;&lt;/td&gt;
      &lt;td class="showbox slideright"&gt;&lt;div id="partner_holder_6"&gt;&lt;/div&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>#gallery_holder
  {
      width:90%;
      margin-top:5%;
      margin-left:15%;
      color:white;
      height:450px;
      background:none;
  
  }
  
  #gallery_holder_1
  {
      width:100%;
      height:100%;
      margin-top:0%;
      background: url(../images/pic1.png);
      overflow:none;
      background-repeat: no-repeat;
      background-size:100% 100%;
    }
  
  .showbox {
  
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -o-transition: all 2s ease;
      transition: all 2s ease;
    }
    .showbox.slideright:hover {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
    }
  
  
  #gallery_holder_2
  {
      width:100%;
      height:100%;
      margin-top:0%;
      background: url(../images/pic2.png);
      overflow:none;
      background-repeat: no-repeat;
      background-size:100% 100%;
  }
  
  #gallery_holder_3
  {
      width:100%;
      height:100%;
      margin-top:0%;
      background: url(../images/pic3.png);
      overflow:none;
      background-repeat: no-repeat;
      background-size:100% 100%;
  }
  
  #gallery_holder_4
  {
      width:100%;
      height:100%;
      margin-top:0%;
      background: url(../images/pic4.png);
      overflow:none;
      background-repeat: no-repeat;
      background-size:100% 100%;
  }
  
  #gallery_holder_5
  {
      width:100%;
      height:100%;
      margin-top:0%;
      background: url(../images/pic5.png);
      overflow:none;
      background-repeat: no-repeat;
      background-size:100% 100%;
  }
  
  #gallery_holder_6
  {
      width:100%;
      height:100%;
      margin-top:0%;
      background: url(../images/pic6.png);
      overflow:none;
      background-repeat: no-repeat;
      background-size:100% 100%;
  }
  </code></pre>