My image isn't changing on my website when I move my mouse over it.
- by Sergio Tapia
Here's my .html file:
<hmtl>
<head>
    <style type="text/css">
        .button{
            background: url('images/1.png');
        }
        .button:hover{
            background: url('images/2.jpg');
        }
    </style>
</head>
<body>
<img class="button" src="images/1.png">
</body>
The files are set correctly in the correct folder; but it just refuses to work. What am I doing wrong?