Cannot place a div correctly after vertical menu bar
<p>I have a vertical menu bar on the left of my page, and when I try to put a simple 
DIV or a TABLE in the middle of the page it go on the bottom after my lateral menu. </p>

<p>Here is the CSS general code for the bar: </p>

<pre><code>.generalMenuHome
{
  width:70px;
  height:100vh;
  background-color:#000;
  border-right:solid 2px #556CF0;
  min-height: 550px;
  position:relative;
}
</code></pre>

<p>I have more DIVs inside that bar here an example of one:</p>

<pre><code>.logoInGenrealMenu
{
  position:absolute;
  width:70px;
  height:70px;
  background-image:url(../insiteincludes/medias/logo.png);
  background-size:80%;
  background-position:center center;
  background-repeat:no-repeat;
}
</code></pre>

<p>I'm using <strong><em>position</em></strong> attributes well, right?</p>

<p>You can see my problem: <a href="https://postimg.org/image/qzju2dl8h/" rel="nofollow noreferrer">https://postimg.org/image/qzju2dl8h/</a></p>

<p><a href="https://i.stack.imgur.com/x4lo5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x4lo5.png" alt="Capture"></a></p>

<p>Thank you for your time</p>