Hi there cohq82,
have a look at this example that may contain a possible fix to your problem...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<base href="http://www.coothead.co.uk/images/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
h6 {
margin:0;
}
#compliant_browser img {
opacity:0.5;
}
#IE7_plus_browser img {
filter:alpha(opacity=50);
}
#IE7_plus_workaround {
position:relative;
width:300px;
}
#IE7_plus_workaround div {
position:absolute;
z-index:1;
width:300px;
height:300px;
opacity:0.5;
filter:alpha(opacity=50);
background-color:#fff;
}
</style>
</head>
<body>
<h6>compliant browser opacity</h6>
<div id="compliant_browser">
<img src="shadow_ball.png" alt="">
</div>
<h6>IE7+ browser opacity failure</h6>
<div id="IE7_plus_browser">
<img src="shadow_ball.png" alt="">
</div>
<h6>IE7+ opacity work around?</h6>
<div id="IE7_plus_workaround">
<div></div>
<img src="shadow_ball.png" alt="">
</div>
</body>
</html>
coothead