box shadow overflow parent

I'm creating a sidebar block with an inset shadow. I want the shadow to appear on top of the .block-title element, but the shadow is rendered under it.

You can see the problem here: JSFiddle

This is my css:

.block{
  width:250px;
  -webkit-box-shadow: inset 7px 0 10px -5px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 7px 0 10px -5px rgba(0,0,0,0.3);
  box-shadow: inset 7px 0 10px -5px rgba(0,0,0,0.3);
  border:1px solid gray;
}

.block .block-title{
  background:#dedede;
  padding:5px;
}

.block .block-title span{
    color:#333;
  font-size:14px;
  text-align:center;
}

.block .block-content{
  padding:10px;
}