title: smooth fade out transition not working
body: <p>i'm new to this whole css thing and i used a :hover transition on my blog theme. When i hover on it, it's smooth but when i remove the mouse, the fade out transition is not smooth anymore. Here is my code:</p>
  
  <pre><code>#box{
     background-color:#333;
     width:200px;
     color: #fff;
     border: 3px solid #e6e6e6;
     margin-top:200px;
     height: 70px;
     margin-left:50px;
     position:fixed;
     padding:20px 10px 20px 10px;
     text-align:center;}
  
  #box:hover{
     height: 200px;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;}
  </code></pre>
  
  <p>my blog preview is <a href="http://melanc6.tumblr.com/" rel="nofollow">here</a></p>