Stupid Me...Stupid Border

wwag

New Member
Hey I'm trying to remove that annoying grey border around the buttons...check out http://thegreengrassagency.com/casestudies.html to see what I'm talking about.

I've tried CSS3 and now an image to do the gradient and both produced the same results so I know it is something in the CSS.

Code:
.btn {
	background:url(../images/iconBackground.gif) repeat-x;
	cursor:pointer;
	border:none;	
}
Thanks in advance!
 
Last edited by a moderator:

PixelPusher

Super Moderator
Staff member
Are you referring to the dotted line around the buttons (when you click them)?

If so you can remove that with the outline property. It must be applied to the anchor tag not the image within.

Code:
outline:0 none;
 

wwag

New Member
Solved

The issue was that I was using the .btn class on the <img> inside the button instead of the button itself.

Thanks for your boost.
 
Top