title: css - placeholder text color on firefox
body: <p>I have a <code>placeholder</code> text inside an <code>input</code> form field that i <strong>can't</strong> seem to change color to <code>white</code>, it comes out as <code>grey</code> but only on firefox. Chrome browser seems to be fine.<br /><br /></p>
  
  <p>When you type into the field the correct color displays, its just the initial <code>placeholder</code> that is not responsive.<br /><br /></p>
  
  <p>Any help will be appreciated please, thank you.
  <br />
      </p>
  
  <p>css:</p>
  
  <pre><code>input#myinput::-webkit-input-placeholder {
      color:#FFF; background-color:#CCC; 
  }
  input#myinput::-moz-placeholder { 
      color:#FFF; background-color:#CCC;  
  }
  input#myinput:-moz-placeholder { 
      color:#FFF; background-color:#CCC; 
  }
  input#myinput::-ms-input-placeholder { 
      color:#FFF; background-color:#CCC; 
  }   /* IE10+ */
  
  input[type="text"]{
      width:170px; height:16px; padding:12px 5px; border:none; 
      color:#FFF; font:14px/14px 'Arial', Helvetica, sans-serif; 
      text-align:center; background-color:#CCC;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/nalagg/vc8V4/">Heres my fiddle</a></p>