title: using css -top value to move a div position
body: <p>Hi I am not sure if this is the right way to do it but I am trying to position a div tag back
  over the previous div element
  This is what I have working </p>
  
  <p><img src="https://i.stack.imgur.com/Izw1H.png" alt="example"></p>
  
  <p>my css that I have used to get this to work looks like</p>
  
  <pre><code>.page-frame {
  background-color: #fff;
  padding-top: 40px;
  position: relative;
  top: -35px;
  }
  </code></pre>
  
  <p>so for the top part the div element looks the way I want it to however the bottom on the element hasn't adjusted for the -35px;</p>
  
  <p><img src="https://i.stack.imgur.com/YnYHl.png" alt="enter image description here"></p>
  
  <p>I have tried adding a clear div after the element however that doesnt help. What do I need to change to remove the space between my .page-frame div and the next div?</p>