title: CSS Transitions Error
body: <p>I am having a few problems with CSS. I have scripted a simple text box, that when it is clicked a div drops down, but it does not seem to be working. If anyone could help me, I'll be greatfull.   </p>
  
  <p><strong>CSS:</strong>  </p>
  
  <pre><code>input {
      top:18px;
      left:20px;
      width:1230px;
      padding:4px;
      border:1px dashed #eeeeee;
      font:16px arial;
      font-weight:bold;
      color:#d8d8d8;
  }
  
  input:focus {
      height:200px;
  }
  
  div {
      overflow:hidden;
      padding:0;
      margin:0; 
      height:0; 
      width:1230px; 
      border:1px dashed #eeeeee; 
      background-color:transparent; 
      transition:height.5s; 
      -moz-transition:height 0.5s;
      -o-transition:height 0.5s; 
      -webkit-transition:height 0.5s;
  }
  
  body {
      background-image:url('pic.bmp');
      background-repeat:no-repeat;
  }
  </code></pre>