title: css3 height transition not working
body: <p>i have  a problem using css3 transitions
  how can i make the transition smooth it appears instantly <br/>
  i want the div box to slowly change its height when i hover over it</p>
  
  <p><br/>
  the html code</p>
  
  <pre><code>&lt;div id="imgs"&gt;
  
  &lt;img src="http://chat.ecobytes.net/img/emoticons/smile.png" alt=":)" title=":)" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/sad.png" alt=":(" title=":(" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/wink.png" alt=";)" title=";)" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/razz.png" alt=":P" title=":P" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/grin.png" alt=":D" title=":D" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/plain.png" alt=":|" title=":|" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/surprise.png" alt=":O" title=":O" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/confused.png" alt=":?" title=":?" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/glasses.png" alt="8)" title="8)" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/eek.png" alt="8o" title="8o" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/cool.png" alt="B)" title="B)" /&gt;
  &lt;img src="http://chat.ecobytes.net/img/emoticons/smile-big.png" alt=":-)" title=":-)" /&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9gJsY/" rel="noreferrer">jsfiddle</a></p>