<!DOCTYPE html>
<html>
<head>
    <style>
    table {
        background-color: red;
        border-spacing: 0px;
    }
    td {
        background-color: green;
        height: 100px;
        padding: 0px;
        width: 200px;
    }
    </style>
</head>
<body>
<p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=7180">7180</a>: Table cell's anonymous wrappers are left in the tree, impacting our layout.</p>
<p>There should be no red in the output.</p>
<table>
    <tr>
        <td id="togglePosition"></td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>
<script>
    var element = document.getElementById("togglePosition");
    element.style.position = "absolute";

    element.offsetWidth;

    element.style.position = "static";
</script>
</body>
</html>
