I try to position a div relative to its parent with a negative top value. This works fine, the problem is now that this div, even it has a negative top value makes the parent div bigger.

What could I do to make the parent div not bigger?

[Here's a fiddle](https://jsfiddle.net/9925e7dz/).

I do not want that the `.innera-rel` `div` makes the `.a` `div` bigger (I dont want to see the red at the bottom).

HTML:

```
<div class="a">
  <div class="innera">
    blah blah blah
  </div>
  <div class="innera-rel">
    test
  </div>
</div>

```

CSS:

```
.a {
  background: red;
}
.innera {
  height: 80px;
  background: blue;
}

.innera-rel {
    border: 1px solid gray;
    background: white;
    position: relative;
    z-index: 100;
    right: -50px;
    top: -38px;
    width: 130px;
}

```