title: input range not working in ie or edge
body: <p>Has anyone else come across this issue and do you have a solution.</p>
  
  <p>Using this html in ie and edge the range doesn't show.</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
          &lt;link type="text/css" href="/static/css/bootstrap.min.css" rel="stylesheet"&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="container"&gt;    
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-4"&gt;
                      &lt;form method="post" action="/Tactics"&gt;
                          &lt;table align="center" width="100%"&gt;
                              &lt;tr&gt;&lt;td&gt;stuff&lt;/td&gt;&lt;td&gt;&lt;input type="range" min="10" max="50"&gt;&lt;/td&gt;&lt;/tr&gt;
                              &lt;tr&gt;&lt;td&gt;stuff&lt;/td&gt;&lt;td&gt;&lt;input type="range" min="10" max="50"&gt;&lt;/td&gt;&lt;/tr&gt;
                          &lt;/table&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If you take out the first stuff for each row in the table the input range works again.  It's fine in crome, firefox and opera.</p>
  
  <p>Has anyone seen this and do you know how to fix?</p>