title: Transition of background-color
body: <p>I'm trying to make a transition effect with <code>background-color</code> when hovering menu items, but it does not work. Here is my CSS code:</p>
  
  <pre class="lang-css prettyprint-override"><code>#content #nav a:hover {
      color: black;
      background-color: #AD310B;
      /* Firefox */
      -moz-transition: all 1s ease-in;
      /* WebKit */
      -webkit-transition: all 1s ease-in;
      /* Opera */
      -o-transition: all 1s ease-in;
      /* Standard */
      transition: all 1s ease-in;
  }
  </code></pre>
  
  <p>The <code>#nav</code> <code>div</code> is a menu <code>ul</code> list of items.</p>