Necesito modificar un sitio web para agrandar la zona en la que se puede hacer clic en todos los enlaces para dispositivos móviles. Di a todos los enlaces una @ transparenborder y un negativomargin del mismo tamaño, para no afectar el flujo de texto. Ahora esto funciona como un encanto. Pero no en elementos que tienen un fondo. El fondo se extiende hasta el borde transparente. Este comportamiento parece ser coherente entre todos los navegadores.

http: //jsfiddle.net/hq65C/1 aquí otro ejemplo:http: //jsfiddle.net/DytDA

¿Por qué es esto? Siempre estuve pensando que la frontera está fuera del elemento. ¿Cómo podría arreglar esto? (Necesito una solución que no requiera modificar el HTML).