JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent" style="width: 10px; height: 300px; background-color: red">
background
    <div id="child" style="position:relative; top: 100px; left: 0px">
        <table style="width: 100%; background-color: cyan">
            <tr><td>table with width: 100% </td></tr>
            <tr><td>inside absolute positioned div</td></tr>
            <tr><td>**on IE7 width will stretch to the whole screen**</td></tr>
         </table>
        <div style="width:100%; background-color: yellow">DIV with width:100% doesn't have same problem though</div>                 
    </div>
</div>

CSS

td {
    white-space: normal
}

th {
    white-space: normal
}