title: How can I change a button's color on hover?
body: <p>I need to change the color of a button on hover.</p>
  
  <p>Here is my solution, but it doesn't work.</p>
  
  <pre><code>a.button {
     display: -moz-inline-stack;
     display: inline-block;
     width: 391px;
     height: 62px;
     background: url("img/btncolor.png") no-repeat;
     line-height: 62px;
     vertical-align: text-middle;
     text-align: center;
     color: #ebe6eb;
     font-family: Zenhei;
     font-size: 39px;
     font-weight: normal;
     font-style: normal;
     text-shadow: #222222 1px 1px 0;
  }
  a.button a:hover{
       background: #383;
  }
  </code></pre>