title: Contact form placeholder text will not disappear on focus. What am I doing wrong?
body: <p>I have placed the following CSS code to make the placeholder text 'disappear' on focus. It works for the first (4) fields of the form, however for the large message box it does not seem to be working! </p>
  
  <pre><code>input:focus::-webkit-input-placeholder { color:transparent; }
  input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
  input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
  input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
  </code></pre>
  
  <p>The URL is <a href="http://dfb.a2c.myftpupload.com/products/garment-conveyor/" rel="nofollow">http://dfb.a2c.myftpupload.com/products/garment-conveyor/</a> and the form is at the bottom of the page! </p>
  
  <p>Any help or suggestions as to why the 'How can we help?' section of the form does not seem to be affected by the above code! </p>
  
  <p>Thanks</p>
  
  <p>-EDIT-</p>
  
  <p>It seems to be working in Internet Explorer just not Google Chrome!</p>