title: Overflow hidden setting is not working in IE 11, Firefox
body: <p>Please see the <a href="http://jsfiddle.net/x397cL72/" rel="nofollow noreferrer"> JS Fiddle </a> 
  in which i am expecting the description is actually hides the overflown content and shows text only the allocated width percentage.(in this case 17%).
  I am using Bootstrap 3.3.7 version for CSS styling.
  I am not sure what is causing this issue.
  <br/>
  Can anyone help me in resolving this issue?</p>
  
  <pre><code>&lt;table class="table table-hover table-striped mytable" rules="all" id="gvTimeEntries" style="border-collapse:collapse;" cellspacing="0" border="1"&gt;
      &lt;thead&gt;
          &lt;tr style="color:White;background-color:#00A4E4;font-weight:bold;"&gt;
              &lt;th class="overflowHidden" scope="col" style="width:17%;"&gt;Project&lt;/th&gt;
              &lt;th class="overflowHidden" scope="col" style="width:17%;"&gt;Sub-Project&lt;/th&gt;
              &lt;th class="overflowHidden" scope="col" style="width:17%;"&gt;Task&lt;/th&gt;
              &lt;th class="overflowHidden" scope="col" style="width:17%;"&gt;Description&lt;/th&gt;
              &lt;th class="overflowHidden headerOverflowNormal" scope="col" style="width:4%;" valign="top" align="center"&gt;Mon&lt;/th&gt;
              &lt;th class="overflowHidden headerOverflowNormal" scope="col" style="width:4%;" valign="top" align="center"&gt;Tue&lt;/th&gt;
              &lt;th class="overflowHidden headerOverflowNormal" scope="col" style="width:4%;" valign="top" align="center"&gt;Wed&lt;/th&gt;
              &lt;th class="overflowHidden headerOverflowNormal" scope="col" style="width:4%;" valign="top" align="center"&gt;Thu&lt;/th&gt;
              &lt;th class="overflowHidden headerOverflowNormal" scope="col" style="width:4%;" valign="top" align="center"&gt;Fri&lt;/th&gt;
              &lt;th class="overflowHidden headerOverflowNormal" scope="col" style="width:4%;" valign="top" align="center"&gt;Sat&lt;/th&gt;
              &lt;th class="overflowHidden headerOverflowNormal" scope="col" style="width:4%;" valign="top" align="center"&gt;Sun&lt;/th&gt;
              &lt;th class="overflowHidden headerOverflowNormal" scope="col" style="width:4%;" valign="top" align="center"&gt;Total&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td class="overflowHidden" style="width:17%;"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblProject" title="Rater Onboarding &amp;amp; Support" style="display:inline-block;width:100%;"&gt;Maecenas elit ex, feugiat vel fermentum n&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="width:17%;"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblSubProject" title="Rater Onboarding and Version Release " style="display:inline-block;width:100%;"&gt;consectetur adipiscing elit. Phasellus  &lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="width:17%;"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblTask" title="Design &amp;amp; Development" style="display:inline-block;width:100%;"&gt;Sample&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="width:17%;"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblComment" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultrices ligula ut posuere ultrices. Ut facilisis mauris tortor, vitae molestie lorem bibendum eget. Etiam vehicula maximus dui et auctor. Morbi eget pulvinar sapien. Vivamus mi lorem, congue id porta in, interdum vitae lectus. Fusce id viverra justo, quis finibus metus. Ut feugiat consequat metus at volutpat. Phasellus mi leo, vulputate id tortor eu, accumsan eleifend lectus. Nam lobortis feugiat ligula, eget iaculis risus tristique et. Cras at nunc orci. Sed volutpat magna vel nunc dignissim sodales. Maecenas elit ex, feugiat vel fermentum nec, sollicitudin sit amet dui. Etiam dapibus, lacus non facilisis ullamcorper, quam arcu tempus risus, nec porta orci purus vel lectus. Maecenas nec molestie nisl. Sed id velit ac sapien finibus blandit. In non sed."&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultrices ligula ut posuere ultrices. Ut facilisis mauris tortor, vitae molestie lorem bibendum eget. Etiam vehicula maximus dui et auctor. Morbi eget pulvinar sapien. Vivamus mi lorem, congue id porta in, interdum vitae lectus. Fusce id viverra justo, quis finibus metus. Ut feugiat consequat metus at volutpat. Phasellus mi leo, vulputate id tortor eu, accumsan eleifend lectus. Nam lobortis feugiat ligula, eget iaculis risus tristique et. Cras at nunc orci. Sed volutpat magna vel nunc dignissim sodales. Maecenas elit ex, feugiat vel fermentum nec, sollicitudin sit amet dui. Etiam dapibus, lacus non facilisis ullamcorper, quam arcu tempus risus, nec porta orci purus vel lectus. Maecenas nec molestie nisl. Sed id velit ac sapien finibus blandit. In non sed.&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="width:4%;" align="center"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblMon" class="inputMonday"&gt;7&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="width:4%;" align="center"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblTue" class="inputTuesday"&gt;6&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="width:4%;" align="center"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblWed" class="inputWednesday"&gt;4&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="width:4%;" align="center"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblThu" class="inputThursday"&gt;7&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="width:4%;" align="center"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"&gt;
                      &lt;span id="lblFri" class="inputFriday"&gt;7&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="background-color:#DDDDDD;width:4%;" align="center"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;"&gt;
                      &lt;span id="lblSat" class="inputSaturday"&gt;0&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="background-color:#DDDDDD;width:4%;" valign="top" align="center"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;"&gt;
                      &lt;span id="lblSun" class="inputSunday"&gt;0&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="overflowHidden" style="background-color:#DDDDDD;width:4%;" align="center"&gt;
                  &lt;div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 100%;"&gt;
                      &lt;span id="lblTotalHours" class="inputTotalRow"&gt;31&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>