I am sorry i would have put this discussion in an older discussion i had started, but i dont know how on this site. so i will just put it in a new discusiion. If anyone knows how to do this can you tell me how?
When i test my website in other browsers it works exactly how i want it to. When i put the website in Internet explorer i get many problems most of wich i have fixed, this last one has me stumped.
http://creationsmh.com/ is my website that is the latest update i have of the site but its not completly updated so my CSS code is below the html code has not changed at all
#about {
clear: both;
float: left;
margin-top: 30px;
margin-left: 40px;
opacity: 0.7;
filter: alpha(opacity=70); /* for IE8 and ealier*/
display: block;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#about:hover {
opacity: 1.0;
filter: alpha(opacity=100); /* for IE8 and ealier*/
display: block;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
I will put only one button because i have a ton of different buttons. The problem i am having is When i look at it in IE9 the links have a purple outline around them i know what the blue outline means and i did change some of the borders to nonew but not all of them. If you look at the code above you will see i have the border style to none and i takes away the blue outline and gives me a purple outline. how can i stop it from doing this?
