title: CSS not working on textarea
body: <p>I'm new to CSS - and js/jquery/asp.net etc, currently on a big learning curve! :) - I have the following styling but for some reason it's not working on the textbox - am I missing something really simple here? </p>
  
  <pre><code>.label-wrapper
  {
      position: relative;
      min-width: 100px;
      max-width: 600px;
      height: 24px;
      display:block;
      margin-left: 10px;
  
  }
  
  .label-wrapper &gt; label
  {
      position: absolute;
      left: 0;
      width: 85px;
      height: 50px;
  }
  
  .label-wrapper &gt; span
  {
      position: absolute;
      left: 0;
      width: 190px;
      height: 50px;
  }
  
  .label-wrapper &gt; button
  {
      position: absolute;
      left: 170px;
      width: 300px;
  }
  
  .label-wrapper &gt; textarea
  {
      position: absolute;
      left: 170px;
  }
  
  .label-wrapper &gt; input[Type=Text]
  {
      position: absolute;
      left: 170px;
      width: 250px;
  
  }
  .label-wrapper &gt; input[id=txtDateReceived]
  {
      position: absolute;
      left: 170px;
      width: 100px;
  
  }    
  
  .label-wrapper &gt; input[id=txtDateReceivedTime]
  {
      position: absolute;
      left: 280px;
      width: 70px;   
  }
  .label-wrapper &gt; select
  {
      position: absolute;
      left: 170px;
      width: 300px;
      height: 24px;
  }
  </code></pre>
  
  <p>See jsfiddle here > <a href="http://jsfiddle.net/eoykms9o/" rel="nofollow">http://jsfiddle.net/eoykms9o/</a></p>
  
  <p>I want the Click Me button to appear under the Notes area, preferably out of the <strong>jobDetails</strong> div</p>
  
  <p>Thanks in advance</p>