Javascript

I used this website, so it could convert it to the right CSS that myspace accepts, but as i pasted the code the generator gave me, myspace didnt accept it and turned it into a bunch of dots, (like it always does, if javascript is found). Im kinda confused by this situation, considering - isnt this psdspace, specifically made for myspace psd-css files ?

This kind of thing is easy with text (text color, background color, font size, etc.), but not so much with images like psd2css Online wants to do.

So far I have something like this - works in IE7 but not FF so I'm still looking. Layer-1.jpg is the default state for the 'button', Layer-2.jpg is the roll over state, and Layer-3.png is a transparent PNG of the same exact size as Layer-1.jpg and Layer-2.jpg.

< style type="text/css">
< !--

/* You named this layer nothover_bkgnd_jpg */
#Layer-1 {
position: absolute;
left: +33px;
top: +73px;
width: 291px;
height: 68px;
z-index: 1;
background-image: url(Layer-1.jpg);
}

a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
background-image: url(Layer-2.jpg);
background-position: 0px 0px;
}

-->
< /style>

< div id="Layer-1" >
< a href="#">< img src="Layer-3.png" alt="filler" border="0"/>< /a>
< /div>