title: Chrome CSS issue with absolute positioned input elements inside of relative parents (Chrome 32.0.1700.77) right: 0 not working
body: <p>I just noticed this issue after an auto update to Chrome 32.0.1700.77. I can set <code>top</code>, <code>left</code>, and <code>bottom</code> in an absolutely-positioned input element, however <code>right: 0</code> is ignored. Here's my code:</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;input type="search"/&gt;
  &lt;/div&gt;
  
  #content {
      position: relative;
      top: 24px;
      height: 24px;
      background-color: gray;
  }
  
  #content input[type="search"] {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      /* width 100%; */
  }
  </code></pre>
  
  <p>Fiddle: <a href="http://jsfiddle.net/hAuSL/4/" rel="noreferrer">http://jsfiddle.net/hAuSL/4/</a></p>
  
  <p>It was working as expected before the update. I also see this issue in Firefox (26.0) but not in Opera (18.0.1284.68) or Safari (7.0.1 (9537.73.11)).</p>
  
  <p>I can work around it by adding <code>width: 100%</code> to the input element style; but I'm wondering, is there something wrong with the CSS or is this a browser issue?</p>
  
  <p>Thanks in advance for any insights.</p>