salve a tutti,

stavo facendo delle prove sull'opacità in una pagina web, ma ho notato che mentre in mozilla funziona tutto come dovrebbe, in IE non funge nuall.

questa è la pagina:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<style type="text/css">
			#p{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:15px;
				color:#666666;
				text-decoration:none;
				filter:Alpha(Opacity=30);
				-moz-opacity: 0.3;
			}
			#p:hover{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:17px;
				color:#F95147;
				text-decoration:none;
				filter:Alpha(Opacity=75);
				-moz-opacity: 0.75;
			}
			#current{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:15px;
				color:#0099FF;
				text-decoration:none;
			}
		</style>
		<script type="text/javascript" language="javascript">
			function prova(){
				var current = document.getElementById("current");
				var nameBrowser = navigator.appName;
				if (nameBrowser == "Netscape") {
					this.id = "current";
				} else {
					window.event.srcElement.id = "current";
				}
				if (current != null) {current.id = "p";}
			}
		</script>
		<title>Documento senza titolo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>
	
	<body>
		1
		2
		3
	</body>
</html>
è come se IE non mi riconoscesse il filter.

qualcuno può aiutarmi?