thirtydot's solution is actually a good idea.
Here's a clearer example: http://jsfiddle.net/y9dtL68d/
HTML
this has a lot of content which ...
this has a lot of content which ...
this has a lot of content which ...
this has a lot of content which ...
this has a lot of content which ...
this has a lot of content which ...
this has a lot of content which ...
dudes
CSS
#grandparent {
position: relative;
width: 150px;
height: 150px;
margin: 20px;
background: #d0d0d0;
}
#parent {
width: 150px;
height: 150px;
overflow:hidden;
}
#child {
position: absolute;
background: red;
color: white;
left: 100%;
top: 0;
}