<!DOCTYPE html>
<html>
<head>
<style>
    td {
        border: 1px solid #f90;
    }
    .padded {
        padding-top: 51px;
    }
    #img1 {
        width: 100px;
        height: 150px;
        background-color: green;
    }
    #img2 {
        background-color: green;
    }
</style>
</head>
<body>
<p> https://bugs.webkit.org/show_bug.cgi?id=108357:  The bottom of the two green boxes should be aligned and there should be no space above the first box.</p>
<table>
    <tbody>
        <tr>
             <td><img id="img1" src="resources/greenbox-100px.png"></td><td class="padded"><img id="img2" src="resources/greenbox-100px.png"></td>
        </tr>
    </tbody>
</table>
</body>
</html>