title: Not able to change image "onhover" in my menu bar?
body: <p>i have to create a menu bar in which there is notification globe like facebook.
  i am getting issue of not changing image on hover like facebook does.
  so shall i get some appropriate solution??
  my code is below:</p>
  
  <pre><code>#noti_Container {
      position:relative;
      background:url(../images/globe-final_simple.png) no-repeat;
      width:25px;
      height:25px;
      display:block;
  }
  
  #noti_container:onhover{
      background:url(../images/globe-final_onhover.png) no-repeat;
  }
  </code></pre>
  
  <p>Here is the globe onhover instead of this i want dark color globe.</p>
  
  <p><img src="https://i.stack.imgur.com/HB3m4.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/8F9hm.png" alt="enter image description here"></p>