title: Chrome and Opera placeholder
body: <p>In chrome I had this CSS :</p>
  
  <pre><code>input::-webkit-input-placeholder{color:blue;}
  input:-moz-placeholder{color:blue;}
  </code></pre>
  
  <p>Idecided to optimize it to:</p>
  
  <pre><code>input::-webkit-input-placeholder, input:-moz-placeholder{color:blue;}
  </code></pre>
  
  <p>And the placeholder disappered! Why is this happenning - some kind of bug or what?</p>
  
  <p>And the other problem is Opera:
  <a href="http://diveintohtml5.info/everything.html#placeholder" rel="nofollow">'placeholder' in document.createElement('input')</a> returns true. So this means that it is available. But it is not showing.</p>
  
  <p>The rest of the CSS for the input(if needed):</p>
  
  <pre><code>input[type=text]{
      color: blue;
      height: 24px; width: 75px;
      padding-left: 24px;
      outline: none;
      background-color: #ABABAB;
      background-image: url('searchtool-1.png');
      background-repeat: no-repeat;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
         -moz-border-radius-bottomright: 6px;
         -moz-border-radius-bottomleft: 6px;
              border-bottom-right-radius: 6px;
              border-bottom-left-radius: 6px;
  }
  </code></pre>
  
  <p>Edit: <a href="http://jsfiddle.net/ZPPXD/" rel="nofollow">demo</a></p>