How to make a link button change to a different image when you put your mouse over it? (( in CSS ))?

How to make a link button change to a different image when you put your mouse over it? (( in CSS ))


Is this possible without a flash program?


THANKS SO MUCH





^___^|||In the CSS designate your a:hover pseudo link for that specific link class.





*note - remember when using pseudo-links, they must be in the proper order %26quot;a:link, a:visited%26quot; must ALWAYS be before %26quot;a:hover, a:active%26quot;. The old trick to remember this was %26quot;love hate%26quot; LoVe HAte or LinkVisitedHoverActive:





EXAMPLE to change graphic using the css %26quot;a:hover%26quot; pseudo-link:





.navbar a:link, .navbar a:visited {background:url (link-to-graphic1/button1.gif) top left repeat-x}


.navbar a:hover, .navbar a:active {background:url (link-to-graphic2/button2.gif) top left repeat-x}