<html>
<head>
<style>
.one
{
    display: inline-block;
    height: 200px;
    width:100px;
    overflow:auto;
    border: 2px solid purple;
}

.two
{
    display: inline-block;
    height:400px;
    width:200px;
    overflow:auto;
    border:2px solid black;
}
</style>
</head>
<body>
It is not clear what the right behavior is here. The CSS2.1 draft is currently ambiguous about how to handle overflow blocks.<br>

<div class="one">
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
</div>

<div class="two">
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
</div>
</body>
</html>