title: HTML CSS issue with Jquery cycle plugin
body: <p>I am trying to integrate jquery cycle plugin and it works fine. I have navigation controls also in my slideshow. But the problem is that I need to set the controls as background image and should not display the prev next, pause and play links(texts). Please find my code below. If I delete the text of links(previous, next, pause and play) the slideshow wont work. So is there a way to make this text transparent so that user cannot see these links and only images are visible. Please help.</p>
  
  <p>
          Previous</p>
  
  <pre><code>    &lt;div style="height:25px;width:25px;display:inline-block;background:url('Images/play.png')no-repeat transparent"&gt;&lt;a href="" id="play" style="text-indent:-9999px;"&gt;Play&lt;/a&gt;&lt;/div&gt;
      &lt;div style="height:25px;width:25px;display:inline-block;background:url('Images/pause.png')no-repeat transparent"&gt;&lt;a href="" id="pause"&gt;Pause&lt;/a&gt;  &lt;/div&gt;
  
  &lt;div style="height:25px;width:25px;display:inline-block;background:url('Images/next.png')no-repeat transparent"&gt; &lt;a href="" id="next"&gt;Next&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;!--controls--&gt;
  </code></pre>