title: Using css with background image for anchor AND keep text?
body: <p>I always use the technique of making css buttons with a text-indent of -9999px to hide the text. But what if I want to show the text as well? </p>
  
  <p>I want to place the text at the bottom of a large image I am using. I can only get the text to display at the top.. Anything I can do?</p>
  
  <p>basic code:</p>
  
  <pre><code>    .package_EN { background:url(../img/package.png) no-repeat -400px 0px; width:400px; height:293px; font-size:12px; text-decoration:none; display:block; color:#fff; font-family:Arial, Helvetica, sans-serif;  float:left; }
  .package_EN:hover { background:url(../img/package.png) no-repeat -400px -301px; width:400px; height:374px; display:block; }
  
   &lt;div style="margin-top:120px; margin-left:90px; text-align:center;"&gt;
  &lt;a class="package_FR" href="img/sponsor_package_en.pdf"&gt;Cliquez ici pour télécharger&lt;/a&gt;
  &lt;a class="package_EN" href="img/sponsor_package_fr.pdf"&gt;Click to download&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>