I think that your issue here is that when you are hovering on the inner part, once the width of .innerpre reaches your cursor, you are then hovering over .innerpre not .inner.
Just change your last selector to include .innerpre:hover
.inner:hover + .innerpre,
.innerpre:hover {
width: 224px;
margin: 117px 0px 0px 153px;
-webkit-transition: all 1s;
transition: all 1s;
}