title: css visibility not changing on hover event
body: <p>I referred to <a href="https://stackoverflow.com/questions/8094893/changing-visibility-property-in-css">this</a> post to make my hover work. But solution there is not working for me.</p>
  
  <p>I have HTML like</p>
  
  <pre><code>&lt;div id="top"&gt;
  &lt;div id="first"&gt;
  &lt;/div&gt;
  &lt;div id="second"&gt;
  &lt;/div&gt;
  &lt;div id="third"&gt;
      &lt;div id="hiddentext"&gt;1st div is hovered&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have big css file...you can see the fiddle <a href="http://jsfiddle.net/hrishikeshp19/Q5zt2/16/" rel="nofollow noreferrer">here</a></p>
  
  <p>Can anyone help me getting my hiddentext visible on hover of "first" div.
  ​</p>