Apologies if the title is a bit off.
The main issue I'm encountering pertains to border radius not functioning properly in IE9 on my website, while it works fine on other sites. Here's my CSS:
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
Another problem I've noticed is that in all browsers except IE, the div connects seamlessly with the border. Here are some examples:
Chrome, FF, Safari -
However, in IE:
IE -
How can I solve this issue?
--UPDATE-- Added Demo:
div.sidefeed {
font-size: 11px;
cursor: pointer;
color: black;
padding: 5px;
width: 140px;
margin-right: -10px;
font-family: calibri, arial;
}
div.sidefeed.active {
font-size: 13px;
color: black;
padding: 5px;
font-family: calibri, arial;
background-color: #747474;
border-left: 2px solid #5b5a5a;
}
div.sidefeed.active a {
text-decoration: none;
color: white;
}
div.sidefeed a {
text-decoration: none;
}
Why does IE have to be so troublesome! -_-