<!DOCTYPE html>
<div style="position:absolute; top:30px; padding:10px; border:5px dashed black; width:150px; height:100px; overflow:hidden;">
  <div style="position:absolute; left:10px; top:10px; width:50px; height:25px; background:black;"></div>
  <div style="position:absolute; left:110px; top:10px; width:50px; height:25px; background:black;"></div>
  <div style="position:absolute; left:60px; top:35px; width:50px; height:50px; background:black;"></div>
  <div style="position:absolute; left:10px; top:85px; width:50px; height:25px; background:black;"></div>
  <div style="position:absolute; left:110px; top:85px; width:50px; height:25px; background:black;"></div>
</div>
<div>This test passes if the overflowing canvas contents are correctly clipped to the content box.</div>