Can anybody tell me what I did wrong here?

HTML Code:
<head>
<style type="text/css">
.shadowed {
text-shadow: #ffff00 -2px 2px 5px;
}
</style>
</head>
<center><h1><p class="shadowed"><font style="color:#00cc00; filter:Glow(color=red,strength=20)">Welcome Fellow Guardians!</font></p></h1></center>
The shadow and font color works but not the glow.
If I changed it to this the glow works but not the font color
HTML Code:
<head>
<style type="text/css">
.shadowed {
text-shadow: #ffff00 -2px 2px 5px;
}
</style>
</head>
<center><h1><p class="shadowed"><font style="font-color:#00cc00; filter:Glow(color=red,strength=20)">Welcome Fellow Guardians!</font></p></h1></center>