title: CSS3 transition is not working
body: <p>I am trying to get a divs background color to transition and nothing seems to work. I have tried researching on here and other sites but I've found nothing that works. Any help much appreciated.</p>
  
  <p>Here is the CSS:</p>
  
  <pre><code>.nav a:hover
  {
      color:black;
      background-color:white;
  }
  
  .nav
  {
      width:200px;
      position:relative;
      left:10px;
      top:125px;
      background-color:black;
      font-size:1.4em;
      font-family: "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
      text-align:center;
      color:white;
      text-decoration:none;
      vertical-align:middle;
      -webkit-transition: width 2s linear;
      -moz-transition: width 2s linear;
      transition: width 2s linear;
  }
  </code></pre>