inner shadows are drawn behind the background instead of above

[paulrouget]

<div></div>

<style>
  div {
    width: 100px;
    height: 100px;
    box-shadow: inset 0 20px 0 0 red;
    background-color: rgba(0,0,0,0.7);
  }
</style>