title: Absolute position ignored for form elements
body: <p>I'm trying to use absolute positioning for an input element.  Gecko/Blink appear to be ignoring the "right" style (which should force the width), and are instead applying the default width to the element.  This does not happen with other elements like div or span.</p>
  
  <p>I know I can workaround the issue by adding additional containers which can be properly positioned, but I shouldn't have to change the markup to use CSS.  As far as I can tell from the spec, this is a bug, but several browsers appear to be in tacit agreement that this is a good bug to have.</p>
  
  <p>What am I misunderstanding about the spec?  How do I address this in CSS?</p>
  
  <pre><code>&lt;style&gt;
      .container {
          position: relative;
          height: 100px;
      }
  
      .container &gt; * {
          background-color: #FAA;
          bottom: 5px;
          left: 5px;
          position: absolute;
          right: 250px;
          top: 5px;
      }
  &lt;/style&gt;
  
  &lt;!-- this works --&gt;
  &lt;div class="container"&gt;
      &lt;div&gt;Foo&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- this does not --&gt;
  &lt;div class="container"&gt;
      &lt;button&gt;Foo&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Fiddle: <a href="http://jsfiddle.net/t6o3jajr/4/" rel="nofollow">http://jsfiddle.net/t6o3jajr/4/</a></p>
  
  <p>Notice how the div and span resize with the container, but the input and button do not.</p>