How to hide the background underneath the border

Question

I need to modify a website to make the clickable zone of all links bigger for mobile devices. I gave all links a transparent border and a negative margin<

Answer 1

CSS background fills the area of the border, with the border-color layering over this.

As you have a transparent border, it is displaying the background-color behind it.

With plain HTML/CSS, I'm not sure there is a way around this.

This jsFiddle demostrates this:

http://jsfiddle.net/hq65C/8/