title: CSS Inner Border?
body: <p>I created the button on the left purely with CSS. It is a div within a div. However, the three buttons on the right are <code>background</code> properties on <code>img</code> tags. I did this so I could simulate a rollover effect following instructions from <a href="http://kyleschaeffer.com/best-practices/pure-css-image-hover/" rel="noreferrer">here</a>.</p>
  
  <p><img src="https://i.stack.imgur.com/5teWc.png" alt="enter image description here"></p>
  
  <p>Now, is there a way to add the inner border, as in the first button, to the other three using CSS?</p>
  
  <p>Fiddle <a href="http://jsfiddle.net/6gB8j/" rel="noreferrer">here</a>.</p>