<!doctype HTML>
<style>
body {
background: grey;
width: 394px;
}
.column {
width: 295.4px;
padding-left: 10.4px;
}
.red-background {
background: red;
position: relative;
overflow: hidden;
border-radius: 1px;
height: 100px;
}
.black-background {
height: 100px;
background: black;
color: white;
width: 200px;
margin-left: 95.3px;
}
</style>
<!-- There should not be any red visible to the right of the black square. -->
<div class="column">
<div>
<div class="red-background">
<div class="black-background"></div>
</div>
</div>
</div>