issue with min-width in IE11 when vertical scrollbar is present
<p><strong>jsFiddle</strong></p>

<p><a href="https://jsfiddle.net/gutd02sq/3/" rel="nofollow">https://jsfiddle.net/gutd02sq/3/</a></p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div class="min"&gt;
&lt;/div&gt;

&lt;br /&gt;

&lt;div class="max"&gt;
&lt;/div&gt;

&lt;br /&gt;

&lt;p&gt;This one should be the same width as the one below, there are no long entries in the list&lt;/p&gt;
&lt;div class="scroller"&gt;
  &lt;div&gt;one&lt;/div&gt;
  &lt;div&gt;two&lt;/div&gt;
  &lt;div&gt;three&lt;/div&gt;
  &lt;div&gt;four&lt;/div&gt;
  &lt;div&gt;five&lt;/div&gt;
  &lt;div&gt;six&lt;/div&gt;
  &lt;div&gt;seven&lt;/div&gt;
  &lt;div&gt;eight&lt;/div&gt;
  &lt;div&gt;nine&lt;/div&gt;
  &lt;div&gt;ten&lt;/div&gt;
&lt;/div&gt;

&lt;br /&gt;

&lt;p&gt;This one has the expected width, but the one above is wider because of the scrollbar&lt;/p&gt;
&lt;div class="scroller"&gt;
  &lt;div&gt;one&lt;/div&gt;
  &lt;div&gt;two&lt;/div&gt;
  &lt;div&gt;three&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><strong>CSS</strong></p>

<pre><code>.min {
  width: 200px;
  border: 1px solid red;
}

.max {
  width: 400px;
  border: 1px solid blue;
}

.scroller {
  display: inline-block;
  border: 1px solid black;
  overflow: auto;
  min-width: 200px;
  max-width: 400px;
  width: auto;
  height: 100px;
}

.scroller div {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100px;
}
</code></pre>

<p><strong>The problem</strong></p>

<p>Opening the above jsFiddle in Google Chrome you will see that the two lists are the same width.  However in IE11 the top list is wider because of the vertical scrollbar.</p>

<p>Why is this?  Is there any way to set the min-width of the list in IE11 so that it behaves as Chrome does?</p>