title: Move div in div with position "relative" not working
body: <p>I´m trying to desing a rabbit in css, but the divs in my main parent div aren't moving if I e.g. type "top: 20%"</p>
  
  <p>The parent div is in position "relative" right now. I tried differend position attributes.</p>
  
  <pre><code>.rabbit{
      --rabbit-skin: #965d00;
      position: relative;
      margin: auto;
      display: block;
      margin-top: 5%;
      width: 500px;
      height: 500px;
      background-color: white;
  }
  
  .rabbit-bottom{
      top: 20%;
      left: 20%;
      width: 50%;
      height: 75%;
      background: var(--rabbit-skin);
      border-radius: 50% 50% 40% 40%;
  }
  </code></pre>
  
  <p>So I want the rabbit bottom to move. It's my main background for rabbits lower part. But it just flows to the upper right corner.</p>