Myspace Profile CSS issue

[Tito]

Hey guys,
I'm having an issue with emulating an image hover effect on my myspace profile. I want darkrain.gif to fade into the image when you hover over it like it does on this page http://www.myspace.com/anwarmack When I try the effect on my text navbar the effect works just fine with links. But, something in my code is causing a conflict that won't allow the image hover effect. My page is http://www.myspace.com/emphatk

Here is his code:
<style type="text/css">body {
background-color:770000;
scrollbar-face-color:000000;
scrollbar-highlight-color:CC0000;
scrollbar-3dlight-color:660000;
scrollbar-darkshadow-color:000000;
scrollbar-shadow-color:660000;
scrollbar-arrow-color:660000;
scrollbar-track-color:000000;
border-style:solid; border-top-width:50px; border-bottom-width:50px; border-left-width:50px; border-right-width:50px; border-color:black;
}
table table, table table table table {border:0px; padding:0;}
table, tr, td {background-color:transparent; border:0px; padding:0;}
table table table {background-color:000000; border:2px solid; border-colorD0000; padding:0;}
.text, body, td, li, p, div, li, h1, h2, p, br {font-size:8pt; color:CC0000;}
.btext, .blacktext12, .blacktext10{color:CC0000; font-weight:bold;}
.lightbluetext8 {font-size:8pt; color:660000; font-weight:bold;}
.redtext, .redbtext {font-size:8pt; color:CC0000;}
.whitetext12, .orangetext15 {font-size:8pt; color:660000; font-weight:bold;}
input, textarea {font-size:8pt; font-weight:bolder; color:CC0000; background-color:C0C0C0; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;}
font, a:link, a:active, a:visited, a.redlink:link, a.redlink:active, a.redlink:visited, a.navbar, a.navbar:link, a.navbar:active, a.navbar:visited {filter:blur; width: inherit; height: 1; filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size:8pt; colorD0000;}
a:hover, a.redlink:hover, a.navbar:hover {background-image:url('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); filter:alpha(finishopacity=0, style=2); filter:blur; width: inherit; height: 1; filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size:8pt; colorD0000; text-decoration:none; letter-spacing:5px; border:1px solid;}
a:hover img {background-image:url('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); filter:alpha(finishopacity=0, style=2); border:1px solid;}</style>

Here is my code:
<style type="text/css">body{scrollbar-arrow-color:FFFFFF;scrollbar-Track-Color:000000;scrollbar-Highlight-Color:FFFFFF;scrollbar-base-color:FFFFFF;scrollbar-Face-Color:000000;scrollbar-Shadow-Color:FFFFFF;scrollbar-DarkShadow-Color:FFFFFF}a, a.man, a:link, a:visited{color:CCCCCC; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal} a:active, a:hover{color:FFFFFF; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal;}td, table, tr, span, li, p, div, textarea, DIV {color:FFFFFF; font-weight:normal; font-decoration:none; font-style:normal;background-color:transparent} td, li, p, div, textarea {border-color:CCCCCC} table{border-color:FFFFFF}a.navbar{font-size:8pt; font-weight:normal} a.navbar:link{color:CCCCCC;} a.navbar:active{color:FFFFFF;} a.navbar:visited{color:CCCCCC;} a.navbar:hover {background-image:url(http://nuclearcentury.net//myspace/images/bg/darkrain.gif); filter:alpha(finishopacity=0, style=2); filter:blur; width: inherit; height: 1; filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size:8pt; color:F7F7F7; text-decoration:none; letter-spacing:2px; border:1px solid;} a.searchlinkSmall{font-size:8pt; text-decoration:none; font-weight:normal;} a.searchlinkSmall:link{color:FFFFFF} a.searchlinkSmall:active{color:FFFFFF} a.searchlinkSmall:visited{color:FFFFFF} a.searchlinkSmall:hover{color:FFFFFF}body{background-color:000000;background-image:url(http://img45.imageshack.us/img45/540/mytendrils3yi6ao.jpg); background-position:0%; background-repeat:repeat; background-attachment:fixed;}.nametext{font-size:8pt;color:FFFFFF; font-weight:normal;}.blacktext10{font-size:8pt; color:FFFFFF; font-weight:normal;}.blacktext12{font-size:8pt; color:FFFFFF; font-weight:normal;}.btext, .itext, .text{font-size:8pt; color:FFFFFF; font-weight:normal;}.orangetext15{color:FFFFFF; font-weight:normal;}.lightbluetext8{font-size:8pt; color:FFFFFF; font-weight:normal;}.tmz_imp{font-family:arial;color:FF0000;font-weight:bold}a img{} a:hover img{background-image:url ('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); filter:alpha(finishopacity=50, style=1); border:1px solid;} </style>

Can anyone tell me what the problem is? It'd be very much appreciated

-Tito

[DeadMeatGF]

Can you lay that out a little more legibly, using the code -- /code tags, please?
Then I'll have a good look at it

[Tito]

(Edited)

[Tito]

This is the code that works:

<style type="text/css">
body { 
background-color:770000; 
scrollbar-face-color:000000; 
scrollbar-highlight-color:CC0000; 
scrollbar-3dlight-color:660000; 
scrollbar-darkshadow-color:000000; 
scrollbar-shadow-color:660000; 
scrollbar-arrow-color:660000; 
scrollbar-track-color:000000; 
border-style:solid; 
border-top-width:50px; 
border-bottom-width:50px; 
border-left-width:50px; 
border-right-width:50px; 
border-color:black; 
} 
 
table table, table table table table {border:0px; padding:0;} 
table, tr, td {background-color:transparent; border:0px; padding:0;} 
table table table {background-color:000000; border:2px solid; border-colorD0000; padding:0;} 
 
.text, body, td, li, p, div, li, h1, h2, p, br {font-size:8pt; color:CC0000;} 
.btext, .blacktext12, .blacktext10{color:CC0000; font-weight:bold;} 
.lightbluetext8 {font-size:8pt; color:660000; font-weight:bold;} 
.redtext, .redbtext {font-size:8pt; color:CC0000;} 
.whitetext12, .orangetext15 {font-size:8pt; color:660000; font-weight:bold;} 
 
input, textarea 
{font-size:8pt; font-weight:bolder; color:CC0000;
 background-color:C0C0C0; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;} 
 
font, a:link, a:active, a:visited, a.redlink:link, a.redlink:active, a.redlink:visited, a.navbar, a.navbar:link, a.navbar:active,
 a.navbar:visited {filter:blur; width: inherit; height: 1;
 filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size:8pt; colorD0000;} 
 
a:hover, a.redlink:hover,
 a.navbar:hover
 {background-image:url('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); filter:alpha(finishopacity=0, style=2);
 filter:blur; width: inherit; height: 1; filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);
 font-size:8pt; colorD0000; text-decoration:none; letter-spacing:5px; border:1px solid;} 
 
a:hover img
 {background-image:url('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); 
 filter:alpha(finishopacity=0, style=2); border:1px solid;}</style>

Here is my code:

 <style type="text/css">
body{scrollbar-arrow-color:FFFFFF;scrollbar-Track-Color:000000;
 scrollbar-Highlight-Color:FFFFFF;
 scrollbar-base-color:FFFFFF;
 scrollbar-Face-Color:000000;
 scrollbar-Shadow-Color:FFFFFF;
 scrollbar-DarkShadow-Color:FFFFFF}
 
a, a.man, a:link, a:visited{color:CCCCCC; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal}
 a:active, 
a:hover{color:FFFFFF; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal;}
 td, table, tr, span, li, p, div, textarea, DIV {color:FFFFFF; font-weight:normal; font-decoration:none; font-style:normal;background-color:transparent} 
td, li, p, div, textarea {border-color:CCCCCC} table{border-color:FFFFFF}a.navbar{font-size:8pt; font-weight:normal} 
a.navbar:link{color:CCCCCC;}
a.navbar:active{color:FFFFFF;} a.navbar:visited{color:CCCCCC;} 
a.navbar:hover {background-image:url(http://nuclearcentury.net//myspace/i...g/darkrain.gif); filter:alpha(finishopacity=0, style=2);
 filter:blur; width: inherit; height: 1;
 filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);
 font-size:8pt; color:F7F7F7; text-decoration:none; letter-spacing:2px; border:1px solid;} 
 
a.searchlinkSmall{font-size:8pt; text-decoration:none; font-weight:normal;} a.searchlinkSmall:link{color:FFFFFF}
a.searchlinkSmall:active{color:FFFFFF}
a.searchlinkSmall:visited{color:FFFFFF}
a.searchlinkSmall:hover{color:FFFFFF}
 
body{background-color:000000;background-image:url(http://img45.imageshack.us/img45/540...rils3yi6ao.jpg); 
background-position:0%;
background-repeat:repeat;
background-attachment:fixed;}
 
.nametext{font-size:8pt;color:FFFFFF; font-weight:normal;}
.blacktext10{font-size:8pt; color:FFFFFF; font-weight:normal;}
.blacktext12{font-size:8pt; color:FFFFFF; font-weight:normal;}
.btext, .itext, .text{font-size:8pt; color:FFFFFF; font-weight:normal;}
.orangetext15{color:FFFFFF; font-weight:normal;}
.lightbluetext8{font-size:8pt; color:FFFFFF; font-weight:normal;}
.tmz_imp{font-family:arial;color:FF0000;font-weight:bold}
 
a img{} 
a :hover img
 {background-image:url ('http://nuclearcentury.net//myspace/images/bg/darkrain.gif');
 filter:alpha(finishopacity=50, style=1); border:1px solid;}

[DeadMeatGF]

The two things that jump out, and I would suggest correcting first, are that your URL to the image is not enclosed in quotes, but the working version is, and the working version has

a:hover, a.redlink:hover, a.navbar:hover {

where yours has only

a.navbar:hover {

Let me know if that has any effect, and I'll keep looking

[Tito]

Ok I updated it with those suggestions and still no dice. I appreciate the effort though

[DeadMeatGF]

OK - I'll have another look, unfortunately I can't visit myspace from work, so it'll have to be over the weekend ...