Frank G. Frank G. - 11 days ago 6
CSS Question

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?

Answer
.single_box a {text-decoration:none;}