title: css transition delay not working with background-color
body: <p>I'm trying to delay an animation</p>
  
  <p>Here is my css:</p>
  
  <pre><code>div {
      background-color: #000; 
      height: 100px;
      transition-delay: 5s;
      transition: background-color 1s ease;
  }
  
  div:hover {
      background-color: #fff;
  }
  </code></pre>
  
  <p>When I hover my mouse over the <code>div</code> the animation starts immediately, no delay. When I inspect the element I see that there is a css property <code>transition-delay</code> Any suggestion why this doesn't work ? (I'm using chrome)</p>
  
  <p><a href="http://jsfiddle.net/n7Ne9/">DEMO</a></p>