Firkant med mouseover o.l. effekter

Hej derude!

Jeg sidder med et lille problem og det er at jeg har (i FP) lavet en firkant vha "tegning" og denne firkant har jeg gjort gennemsigtig (50%)

Jeg vil gerne (hvis det er muligt) lavet det sådan at når musen er over firkanten [mouseover] så bliver gennemsigtigheden sat ned til 25% og så snart musen fjernes igen [mouseout].

Jeg har bakset en smule og startet med først at gøre det med faver og så ser min kode sådan ud:

<!--[if gte vml 1]><v:rect id="_x0000_s1025"
alt="" style='position:absolute;left:0;top:0;width:75pt;height:18.75pt;
z-index:-1' onmouseout="fillcolor='#ffffff'" onmouseover="fillcolor='#000000'"
fillcolor="white pure" stroked="f">
<v:fill opacity=".5"/>
</v:rect><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:-1;left:0px;top:0px;width:100px;height:25px'><img width=100
height=25 src="test48-filer/image001.gif" v:shapes="_x0000_s1025"></span><![endif]>

Men så snart jeg begynder at skrive noget med 'opacity' inden for (")-tegnene så bliver der ballade i browseren.

Nogen der har et bud/forslag på hvordan jeg kan lave dette eller er det helt unligt og noget jeg bare skal glemme alt om ???

Venlig Hilsen
Kristian