title: Display:none; display: block to show/hide div in table
body: <p>As the title states, I am facing some issues with my webpage. I can't seem to be able to show/ hide a div through css3 and cannot figure out what I have done wrong.. I have used this method before, and it has worked flawlessly...</p>
  
  <p>Is the table causing the issues? Here is my HTML and CSS</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;AMCON_website_home3&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;style&gt;
  .hidden {
  
  display:none;
  
  }
  #cambriapopup {
  
  background-image:cambria-popup-background.gif;
  width:125;
  height:201;
  z-index:10;
  }
  
  .show:hover + .hidden { 
  display:block;
  
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"&gt;
  &lt;!-- Save for Web Slices (AMCON_website_home3.psd) --&gt;
  &lt;table id="Table_01" width="961" height="667" border="0" cellpadding="0"             cellspacing="0"&gt;
  &lt;tr&gt;
      &lt;td colspan="15"&gt;
          &lt;img src="images/backgournd.gif" width="960" height="442" alt=""&gt;       &lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="442" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="9" rowspan="2"&gt;
          &lt;img src="images/backgournd-03.gif" width="656" height="203"     alt=""&gt;&lt;/td&gt;
      &lt;td colspan="5"&gt;
          &lt;div id="cambriapopup" class="hidden"&gt;WTF&lt;/div&gt;&lt;/td&gt;
      &lt;td rowspan="9"&gt;
          &lt;img src="images/backgournd-05.gif" width="179" height="225"    alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="201" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td rowspan="8"&gt;
          &lt;img src="images/cambria-popup-background-06.gif" width="9"     height="24" alt=""&gt;&lt;/td&gt;
      &lt;div id="show" class="show"&gt;&lt;td rowspan="8"&gt;
          &lt;img src="images/AMCON_website_home3_06.gif" width="24" height="24"     id="show" alt=""&gt;&lt;/td&gt;&lt;/div&gt;
      &lt;td colspan="3" rowspan="2"&gt;
          &lt;img src="images/cambria-popup-background-08.gif" width="92"     height="3" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="2" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="5"&gt;
          &lt;img src="images/backgournd-09.gif" width="57" height="1" alt=""&gt;      &lt;/td&gt;
      &lt;td rowspan="5"&gt;
          &lt;img src="images/AMCON_website_home3_09.gif" width="20" height="18" alt=""&gt;&lt;/td&gt;
      &lt;td colspan="3" rowspan="3"&gt;
          &lt;img src="images/backgournd-11.gif" width="579" height="3" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="1" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="3"&gt;
          &lt;img src="images/backgournd-12.gif" width="39" height="1" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="4"&gt;
          &lt;img src="images/AMCON_website_home3_12.gif" width="17" height="17" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="6"&gt;
          &lt;img src="images/backgournd-14.gif" width="1" height="21" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="6"&gt;
          &lt;img src="images/cambria-popup-background-15.gif" width="5" height="21" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="5"&gt;
          &lt;div class="show"&gt;&lt;img src="images/AMCON_website_home3_15.gif" width="78" height="19" id="show" alt=""&gt;&lt;/div&gt;&lt;/td&gt;
      &lt;td rowspan="6"&gt;
          &lt;img src="images/cambria-popup-background-17.gif" width="9" height="21" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="1" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td rowspan="5"&gt;
          &lt;img src="images/backgournd-18.gif" width="21" height="20" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="2"&gt;
          &lt;img src="images/AMCON_website_home3_18.gif" width="15" height="15" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="5"&gt;
          &lt;img src="images/backgournd-20.gif" width="3" height="20" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="1" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td rowspan="4"&gt;
          &lt;img src="images/backgournd-21.gif" width="3" height="19" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/AMCON_website_home3_21.gif" width="46" height="14" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="4"&gt;
          &lt;img src="images/backgournd-23.gif" width="530" height="19" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="14" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td rowspan="3"&gt;
          &lt;img src="images/backgournd-24.gif" width="15" height="5" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="3"&gt;
          &lt;img src="images/backgournd-25.gif" width="46" height="5" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="1" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td rowspan="2"&gt;
          &lt;img src="images/backgournd-26.gif" width="17" height="4" alt=""&gt;&lt;/td&gt;
      &lt;td rowspan="2"&gt;
          &lt;img src="images/backgournd-27.gif" width="20" height="4" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="2" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;
          &lt;img src="images/cambria-popup-background-28.gif" width="78"     height="2" alt=""&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;img src="images/spacer.gif" width="1" height="2" alt=""&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;!-- End Save for Web Slices --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>