title: CSS hover effect not working on span in table
body: <p><br>
  After it did work at first, I (apparently) changed something in my CSS. After hours of research I still can't figure out why the content of my <code>&lt;span&gt;</code> now won't be displayed on hover anymore...<br>
  Can anyone help me, please? Thank you!</p>
  
  <p>This is a snippet of my CSS:</p>
  
  <pre><code>td.matchbool {
    text-align: center;
    box-shadow: inset 0px 0px 0px 10px #fff;
  }
  td.matchbool:hover{
    background:#e2e236;
    width:400px;
  }
  
  td.matchbool span{
    display: none;
  }
  
  td.matchbool:hover span{
    z-index: 9999;
    width: 300px;
    border-left: 5px solid #e2e236;
    display: block;
    padding: 1px;
  }
  </code></pre>
  
  <p>And the important HTML part:</p>
  
  <pre><code>&lt;table&gt;&lt;tr&gt;
    &lt;td class='matchbool'&gt;
      &lt;span&gt;
        Some Content
      &lt;/span&gt;
    &lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>Note that on hover the background of the <code>&lt;td&gt;</code> does change.</p>