Hello friends

if i've a button of the following code

<button type=submit name=s2>CLICK ME</button>

And its css

<style>
button
{
cursor:pointer;
color:#666;
FONT-FAMILY: 'Tahoma';
padding: 1px 2px;
background:url(1.gif) repeat-x left top;
}
</style>

I wanna make the following changes

if i've 1.gif and 2.gif ( images )

let the background be 1.gif

and
onmouseover will be 2.gif

and indeed
onmouseout will be 1.gif

How can i write it using css , cause i've tried million of time and it always gives me error

thanks in advance

You need to put the button in as a BACKGROUND to the <a> tag.
Then you need to specify the 'rollover' image for the a:hover so that it will change when the mouse is over the link.

Like this:

a{background: images/1.gif no-repeat;}
a:hover{background: images/2.gif no-repeat;}