Pat Fleck
Posts: 5

Hi, I am trying to configure some button images as regular, hover and select. Since making some html and css changes the hover is working ie, it changes the image when I hover the mouse over the button. The problem is that my images now have a thin silver rectangular outline when view in Chrome and even worse in IE 9.

This is my html code: a href="Restaurants.html" followed by
img class='image-hover' enclosed in tags which for some reason this text won't accept

This is my css code:
.image-hover {
width:141px;
height:61px;
display:inherit;
text-decoration:none;
border:none;
background-image:url('button_reg_restaurants.png';
outline-width:0;
}

.image-hover:hover {
background-image:url('button_hov_restaurants.png';
outline-width:0;
}

I've tried many workarounds, turning the border off, making it 0px etc but nothing has worked so far.
Here's hoping for a resolution as I am rather stuck until this issue is resolved.

Thanks in anticipation,
Pat.