<p dir="auto">CSS for Table is a little wonky when viewed in IE 11 most egregious issues  are TableFooter and TableRow do not respect the padding or spacing</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">Should be a similar if not identical look and feel across all browsers</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">First column of table is always expanded to take up the empty width of the parent div<br>
Footer  aligns left and pagination drop down overlaps text<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/8929114/32520765-1d0eec06-c3df-11e7-89f4-b6c2a9459182.png"><img src="https://user-images.githubusercontent.com/8929114/32520765-1d0eec06-c3df-11e7-89f4-b6c2a9459182.png" alt="css_pita" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Open link in IE 11 <a href="https://material-ui.com/demos/tables/" rel="nofollow">https://material-ui.com/demos/tables/</a></li>
</ol>
<h2 dir="auto">Context</h2>
    
<p dir="auto">Trying to make an app IE compatible the issue with the padding is minor compared to the issue with the TableFooter</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>^1.0.0-beta.20</td>
</tr>
<tr>
<td>React</td>
<td>^15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>IE11</td>
</tr>
</tbody>
</table>
<p dir="auto">Icon button color = unset, disabled = true -&gt; disabled color<br>
Icon button color = primary | accent | contrast, disabled = true -&gt; primary | accent | contrast color</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">The disabled color should be applied when disabled is true, no matter what the color parameter is set to</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">This only happens when the color prop is unset, for the others the disabled color is never applied.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><code class="notranslate">&lt;IconButton disabled color="primary&gt;&lt;Icon&gt;alarm&lt;/Icon&gt;&lt;/IconButton&gt;</code></p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>latest beta</td>
</tr>
<tr>
<td>React</td>
<td>15</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 61</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>