title: Date input width in Chrome on Windows
body: <p>This fiddle shows my problem:  <a href="http://jsfiddle.net/jmTqk/2/" rel="nofollow">http://jsfiddle.net/jmTqk/2/</a> . The blue block occludes the spin button and the datepicker dropdown link.  But I think you need to be on Windows Chrome to see it.   Here is a version without the blue block <a href="http://jsfiddle.net/jmTqk/1/" rel="nofollow">http://jsfiddle.net/jmTqk/1/</a></p>
  
  <p>This HTML</p>
  
  <pre><code>&lt;input id='date1'   type="date" /&gt;  
  &lt;div id='abcd'&gt;blue block&lt;/div&gt;
  </code></pre>
  
  <p>and this CSS</p>
  
  <pre><code>  #date1 {
      width:6em;
      border: 1px solid red;
    }
    #abcd {
      background-color:blue;
      height:150px;
      width:150px;
      display:inline-block;
    }
  </code></pre>
  
  <p>If you change the width of the input to 11em it fits.  </p>
  
  <p>On Ubuntu Chrome the css constrains the calendar drop down button to the inside of the date input field.  On windows (XP, 7) it does not.  Is there a way to get the spin button and dropdown to respect the extent of the date input on Windows and fit inside the red box?</p>