I need to make an area within a background image clickable to generate an event for JavaScript use. So, I created an anchor tag and inside that I inserted some relevant text
Get rid of the semantically meaningless tags and use normal CSS image replacement, instead.
foo
And then the CSS:
a {
width:100px;
height:100px;
display:block;
text-indent:-9999px;
background:url(/img.png) no-repeat;
}
Add whatever positioning you need, and it should work just fine.