Question

I am having trouble with a Blue Bar about 10 pixels in height appearing on a clickable image. It has a transparent background and when you hove over the image that is linked a blue bar appears. I have tried to use border: none; with no luck does anyone have any tips I have included a picture with the blue bar I am talking about I had to blur the logo but you get the point.

example here http://jsfiddle.net/wdY26/

Answer 1

Here is your problem:

a:hover {
    color:#fff;
    background:#369; /* <= Your problem */
    text-decoration:none;
}