title: Make link, without "a href" and without JS
body: <p>I want to make my entire <code>div</code> a link like the <code>a</code> tag. Of course this may be possible with js, but I'm interested in seeing if this is possible to do with only css.</p>
  
  <p>I have this:</p>
  
  <pre><code>#my_div {
    width: 200px;
    background-color: #090;
  }
  
  #my_div:hover {
    background-color: #0f0;
  }
  </code></pre>
  
  <p>Where the page structure is:</p>
  
  <pre><code>&lt;div id="my_div"&gt;&lt;a href="http://google.com"&gt;link&lt;/a&gt;&lt;/div&gt;
  </code></pre>