Does anyone know if there are opacity issues in IE 6-7 vs Firefox? This is what I have.
#tabBar li a
{
background-color: #ff9900;
border: 1px solid #ff1100;
border-top: none;
color: #ffffff;
padding: 1px 5px 2px 5px;
display: block;
text-decoration: none;
filter: alpha(opacity=50);
opacity:.50;
}
#tabBar li a:hover
{
opacity: 1;
}
It seems that the opacity property works fine with links onFirefox; but it will not show when applied to links in IE. Why is that? I know the property itself works when not applied to links. Let me know if there is a way around this. Thanks.