<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style> #remove { width: 40px; height: 20px; border: none; color: #FFFFFF; background: url(images/delete.png); background-size: 100% 100%; } </style> <body> <div id="remove"></div> </body> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript"> $("#remove").hover(function() { $(this).css("background-image", "url(images/delete1-1.png)"); }, function() { $(this).css("background-image", "url(images/delete.png)"); }); </script> </html>