title: CSS: Change Button appearance on Hover
body: <p>I have a button in my web page with class "btnNewL1" . my CSS class is as below</p>
  
  <pre><code>.btnNewL1
  {
  
  background: url(../images/btnbgnew.png);
  border:1px solid #818181;
  padding-left:3px;
  padding-right:3px;
  font-family:Arial;
  font-size:12px;
  padding-top:1px;
  padding-bottom:1px;
  }
  </code></pre>
  
  <p>When user place the mouse over the button,i want to chnage the appearance like change of bg image and chnage of border color etc... . I want to do this will CSS itself. and it should be be supported by IE6 IE 7 ,Firefox</p>
  
  <p>How to do this ?</p>