title: CSS transition isn't working
body: <p>I am trying to get the submenu in the navigation bar appear with a transition. But this isn't working. The css code I am using is this-</p>
  
  <pre><code>#navigation li ul {
     display: none; 
     width: auto;
     position: absolute;
     margin: 0;
     padding: 0;
     background-color: #F87217;
      -webkit-transition: 0.7s;
      -moz-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s;   
  }
  
  #navigation li:hover ul {
      display: block;
  }
  </code></pre>
  
  <p>How can I get the transition working?</p>