<!DOCTYPE html>
<style>
body {
    margin: 0px;
}
#container {
    position: absolute;
    top: 50px;
    width: 300px;
    font: 10px/1 Ahem;
}
#green {
    position: absolute;
    top: 112px;
    right: 0px;
}
</style>
<p>crbug.com/487775: There should be a green square to the right (and no assertion failures).</p>
<div id="container">
    <div id="firstChild" style="display:inline-block; width:101px;"></div>
    <div style="display:inline-block; width:100%; height:100px;"></div>
    <div id="green" style="width:100px; height:100px; background:green;"></div>
</div>