Text Underline Showing Underline

Text Underline Showing Underline

I seem to be having a problem with Underline. I have a box that is linkable:
<div class="single_box">
<a href="servicesweprovide.asp"><img
src="images/law_enforcement_accreditation.jpg" alt="" />
<p>Law Enforcement<br />Accreditation</p></a>
</div>
Here is the CSS:
.single_box {
width:253px;
min-height:170px;
float:left;
margin:0px 15px 0 0;
padding:0px;
text-decoration:none;
}
.single_box p{
background:url(../images/arrow.png) 92% 50% #0b2e84 no-repeat;
font:bold 16px/18px Arial, Helvetica, sans-serif; color:#fff;
padding:6px 14px;
word-spacing:normal;
letter-spacing:normal;
font-stretch:normal;
cursor:pointer;
text-decoration:none;
}
.single_box p:hover {
background-color:#ffc210;
text-decoration:none;
}
I set it up on JFiddle here: http://jsfiddle.net/2EHkp/
I have a feeling it has to do with me targeting the <p> Paragraph and not
the href. But I can't figure out how to target the href instead of the
<p>. Can someone please tell me what I am doing wrong?