title: What is the best way to do a arrow button?
body: <p>I'm trying to create an arrow button like the upvote here in stackoverflow (<a href="http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=5" rel="nofollow">http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=5</a>).</p>
  
  <p>The only difference is when I hover the mouse over the arrow, it will change the background image. </p>
  
  <p>I need something like this <a href="http://css-tricks.com/snippets/css/css-triangle/" rel="nofollow">http://css-tricks.com/snippets/css/css-triangle/</a>, but with background image, instead of RGB color.</p>
  
  <p>What is the best way?</p>