Why doesn't overflow work on IE?

Question

css

<div style="height: 100%; width: 50%; overflow-y: auto; border: 1px solid red; ">
     <div id="_q">
            <table >
                <tbody>
                    <tr class="">
                        <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                       <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                    </tr>
                    <tr class="">
                        <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                       <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                    </tr><tr class="">
                        <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                       <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                    </tr><tr class="">
                        <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                       <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

On a blank page this html is shown fine. Overflow screen works, but if this html is inserted into the working page, then Overflow screen does not work, and when the window is resized, the div which has overflow does not decrease less than the height of the table itself. Maybe someone came across (Give advice where to dig

Answer 1

I realized that the fact is that the div is also in <td>but how to solve the problem ( I am attaching
html in which overflow does not work in IE

<table style="overflow-x: hidden; overflow-y: scroll; height: 100px;">
    <tr>
        <td style="table-layout: fixed; height: 100%;">

            <div style="height: 100%; width: 40%; overflow-y: auto; border: 1px solid red;">
                <div id="_q">
                    <table>
                        <tbody>
                            <tr class="">
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                            </tr>
                            <tr class="">
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                            </tr>
                            <tr class="">
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                            </tr>
                            <tr class="">
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>


        </td>
    </tr>
</table>