title: Need to make a clickable <div> button
body: <p>Kindly go through this link and notice the solution given by "thepeer": <a href="https://stackoverflow.com/a/3494108">https://stackoverflow.com/a/3494108</a></p>
  
  <p>I am having trouble understanding his solution. Let me illustrate with the example of a webpage that I am trying to build. I am using HTML5 to build "buttons". Now since these buttons are actually DIV objects, I somehow need to make them "clickable" which would lead the viewer to another page, and that too, without making the "link" visible. The div object should act as a button and <strong>I don't intend to "include" a hypertext-ed line of text inside</strong> the button. </p>
  
  <p>I think the solution given by "thepeer" does exactly that but i am unable to understand his solution and implement it. Perhaps a very small example would benefit me.</p>
  
  <p>Suppose this is the button that i want to make :</p>
  
  <pre><code> &lt;div id="music" class="nav"&gt;Music I Like &lt;span id="hyperspan"&gt;&lt;a href="Music.html"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And here's the CSS as "thepeer" suggested :</p>
  
  <pre><code>.hyperspan
  {
      position:absolute;
      width:100%;
      height:100%;
      left:0;
      top:0;
      z-index:1;
  }
  </code></pre>
  
  <p>Now, obviously, I misunderstood his solution and hence my above attempt is incorrect. I don't want to resort to javascript so please help me! Sorry for my noobish-ness.</p>