title: Background image issue in Google Chrome and Safari
body: <p>Here is my CSS:</p>
  
  <pre><code>#menu {
      float: left;
      background: url(images/menu_normal.jpg) repeat-x bottom;
  }
  
  #menu li {
      display: inline;
      float: left;
      height: 33px;
      line-height: 33px;
      text-align: center;
      width: 60px;
  }
  
  #menu li a:hover {
      display: inline;
      background: url(images/menu_hover.jpg) repeat-x bottom;
      float: left;
      height: 33px;
      line-height: 33px;
      text-align: center;
      width: 60px;
  }
  </code></pre>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div id = "menu"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href = "#"&gt;All&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href = "#"&gt;Sports&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href = "#"&gt;Movies&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href = "#"&gt;Shows&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href = "#"&gt;Sales&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href = "#"&gt;Clubs&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href = "#"&gt;Concerts&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href = "#"&gt;Parties&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>The background image for <code>a:hover</code> is not displayed in Chrome and Safari.
  I found something about WebKit bug, but is it really and if yes, how could it be fixed?</p>
  
  <p>Here is the URL:
  <a href="http://eximi.dreamhosters.com/feasibility/statue.html" rel="nofollow">http://eximi.dreamhosters.com/feasibility/statue.html</a></p>
  
  <p>Thank you!</p>