ie10 Table width bug
by jacobwsmith
HTML
<table style="margin-bottom: 0px; display: table;" id="resultsTable">
<thead>
<tr id="tableHead">
<th class="fheader index"> </th><th class="header auto" title="Sort data by exposures">Exposures</th><th class="header harvey" title="Sort data by +/-">+/-</th><th class="header votes" title="Sort data by votes">Votes</th><th class="header votes" title="Sort data by n">n</th><th class="header lift" title="Sort data by lift">Lift</th><th class="fheader results" title="Sort data by results">Results</th></tr>
</thead>
<tbody><tr><td class="index"><span class="indexer">1.</span></td><td class="auto">Control</td><td title="Additional Sample Suggested" class="harvey"><img src="img/errorMargin-default.png"><div style="display:none">0</div></td><td class="votes">6.0</td><td class="votes">29.0</td><td class="lift">N/A</td><td class="results"><div style="width:100%;margin-top:3px;"><div title="6.0 of 29.0 Votes" style="width:17.58620675%;" class="controlBar"></div><span class="number">20.7%</span></div></td></tr><tr><td class="index"><span class="indexer">2.</span></td><td class="auto">Exposed</td><td title="Stable Sample" class="harvey"><img src="img/errorMargin-10.png"><div style="display:none">2</div></td><td class="votes">21.0</td><td class="votes">92.0</td><td class="lift">10.3%</td><td class="results"><div style="width:100%;margin-top:3px;"><div title="21.0 of 92.0 Votes" style="width:19.402174799999997%;" class="testBar"></div><span class="number">22.8%</span></div></td></tr></tbody>
<tfoot>
<tr id="tableFoot"><td id="tfoottd" style="padding:0;margin:0;" colspan="7"><form><table cellspacing="0" cellpadding="0" border="0" class="pager" id="pager"><tbody><tr><td>Show rows: <select id="pageSize" class="pagesize" disabled="disabled"><option value="50">50</option><option value="100">100</option><option value="150" selected="selected">150</option></select></td><td><div class="pagedisplay">Page 1 of 1</div></td><td><div...
CSS
/**** Results Display ****/
#resultsTable {
width: 100%;
min-width: 925px;
font-size: .95em;
border-top: 0px;
}
.header {
text-align: left;
padding: 0 5px;
font-weight: bold;
border: 1px solid #ccc;
border-top: 0px;
cursor: pointer;
}
.fheader {
border: 1px solid #ccc;
border-top: 0px;
cursor: auto;
background: url(/admin/ac/img/thead-bg-tile.png);
background-repeat: repeat-x;
}
tfoot {
background-color: #e7e7e7;
}
#resultsTable td {
border-collapse: collapse;
border-spacing: 0;
border-bottom: 1px #ccc solid;
padding-top: 2px;
padding-bottom: 2px;
}
#resultsTable.bar td {
border-collapse: collapse;
border-spacing: 0;
border-right: 1px #fff solid;
border-bottom: 1px #fff solid;
padding-top: 2px;
padding-bottom: 2px;
}
#resultsTable td:first-child {
border-left: 1px #ccc solid;
}
#resultsTable a:hover {
text-decoration: none;
}
.indexer {
margin-left: 5px;
}
.padding {
padding-left: 5px
}
#resultsTable .c1 {
width: 3%;
border-left: 1px #ccc solid;
font-weight: bold;
height: 27px;
}
#resultsTable .c2 {
width: 24%;
padding-left: 3px;
}
#resultsTable .c3 {
width: 4%;
text-align: center;
}
#resultsTable .c4 {
width: 8%;
text-align: center;
}
#resultsTable .c5 {
width: 8%;
text-align: center;
}
#resultsTable .c6 {
width: 8%;
text-align: center;
}
#resultsTable .c7 {
width: 45%;
border-right: 0px;
}
/* Results by Site Cells */
#resultsTable .td1 {
width: 3%;
border-left: 1px #ccc solid;
font-weight: bold;
overflow: hidden;
height: 35px;
}
#resultsTable .td2 {
width: 21%;
overflow: hidden;
}
#resultsTable .td3 {
width: 4%;
text-align: center;
}
#resultsTable .td4 {
width: 9%;
overflow: hidden;
text-align: center;
}
#resultsTable .td5 {
width: 9%;
overflow: hidden;
text-align: center;
}
#resultsTable .td6 {
...