title: CSS background image disappears after hover
body: <p>I'm having a problem in Google Chrome. I'm using a simple hover state on a <code>display:block;</code> link to change only the <code>background:url();</code> property on the hover.</p>
  
  <p>Google Chrome shows the actual hover change ok, but when I mouse out of the area, the background goes transparent/disappears.</p>
  
  <p>Here's my CSS:</p>
  
  <pre><code>#branding #logo a {
  width: 259px;
  height: 201px;
  border:none;
  display: block;
  background:url(images/logo.png) top left;
  }
  #branding #logo a:hover {
  background:url(images/logo_hover.png) top left;
  }
  </code></pre>
  
  <p>The actual site is here: <a href="http://beerblestudy.org" rel="nofollow">http://beerblestudy.org</a>. Again this is only happening for me in Chrome. Any thoughts?</p>