<h3 dir="auto">Problem description</h3>
<p dir="auto">Tooltip is displaying under the table rows (on z-axis)</p>
<h3 dir="auto">Link to minimally-working code that reproduces the issue</h3>
<p dir="auto"><a href="http://www.webpackbin.com/Eyxr9TOLKz" rel="nofollow">http://www.webpackbin.com/Eyxr9TOLKz</a></p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 0.17.0</li>
<li>React: 15.0.2</li>
<li>Browser: any, checked on the latest versions of firefox and chrome. (Google Chrome Version 56.0.2924.87 (64-bit))</li>
</ul>
<p dir="auto">When trying to view an IconButton's tooltip while contained in a table cell it seems to be hidden by an overflow of some kind.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/ab6b87235f3953c59cf549790281672c785cb444868e8f0ae2d1aaa7bf640e82/68747470733a2f2f6431376f793176686e61783166372e636c6f756466726f6e742e6e65742f6974656d732f3039324a3268327a333432353063324d316a336c2f53637265656e2532305265636f7264696e67253230323031372d30312d3132253230617425323031322e3137253230414d2e6769663f763d3038373564363063"><img src="https://camo.githubusercontent.com/ab6b87235f3953c59cf549790281672c785cb444868e8f0ae2d1aaa7bf640e82/68747470733a2f2f6431376f793176686e61783166372e636c6f756466726f6e742e6e65742f6974656d732f3039324a3268327a333432353063324d316a336c2f53637265656e2532305265636f7264696e67253230323031372d30312d3132253230617425323031322e3137253230414d2e6769663f763d3038373564363063" alt="" data-animated-image="" data-canonical-src="https://d17oy1vhnax1f7.cloudfront.net/items/092J2h2z34250c2M1j3l/Screen%20Recording%202017-01-12%20at%2012.17%20AM.gif?v=0875d60c" style="max-width: 100%;"></a></p>