title: html <input> element ignores CSS left+right properties?
body: <p>I've noticed that the <code>&lt;input&gt;</code> element in HTML ignores the CSS pair of "left" and "right" properties. Same for the pair "top" and "bottom". See the sample code below:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;style&gt;&lt;!--
          #someid {
              position: absolute;
              left: 10px;
              right: 10px;
              top: 10px;
              bottom: 10px;
          }
          --&gt;&lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;input type="text" id="someid" value="something"/&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The <code>&lt;input&gt;</code> should take up almost all space in the browser (except a border of 10px around it). It works fine in Safari, but in FireFox and IE the <code>&lt;input&gt;</code> stays small in the top-left corner of the browser.</p>
  
  <p>If I use "left" and "width", and "top" and "height", then everything works fine. However I don't know what is the width and the height, I want them adjusted depending of the size of the browser window.</p>
  
  <p>Any ideas how to work around this?</p>
  
  <p>Thanks.</p>