title: css icons that you can click anywhere and any size browser
body: <p>i have 3 clickable icons im trying to make clickable no matter the size of the webpage they are clickable in full screen but when i make the screen smaller they are no longer clickable .. here is my codes </p>
  
  <p>html code </p>
  
  <pre><code>&lt;a class="button twitter nohide" href="https://twitter.com/Example" target="_blank"&gt;&lt;/a&gt;
  &lt;a class="button off nohide" href="http://exampleid=12155487" target="_blank"&gt;
  &lt;/a&gt;&lt;a class="button amazon-link nohide" href="http://www.amazon.com/gp/registry/wishlist/Example/ref=topnav_lists_1" target="_blank"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>css code </p>
  
  <pre><code>a.button {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
  }
  
  a.button.amazon-link {
    width:250px;
    height:87px;
    background:url(http://oi57.tinypic.com/24php2p.jpg);
    top:0;
    left:730px;
  }
  
  a.button.twitter {
    width:250px;
    height:87px;
    background:url(http://oi58.tinypic.com/2n21w20.jpg);
    top:100px;
    left:730px;
  }
  
  a.button.offtip {
    width:250px;
    height:89px;
    background:url(http://oi59.tinypic.com/29c7v4i.jpg);
    top:0;
    left:470px;
  }  
  </code></pre>