[SOLUCIONADO] Contenido en div table-cell con imagen

[Kristhoff]

Hola amig@s
estoy haciendo dos divs juntos, el div de la izquierda tiene una imágen centrada mientras el de la derecha va a contener más elementos( divs, formularios, etc), de la siguiente forma:

Como podrán ver en la imágen el contenido se muestra en la parte inferior de la imágen pero necesito que se cargue desde el inicio del div.
Dejo algo del código:

Código HTML:

<div class="left-container">
    <div class="logo-container">
        <canvas id="imagen" width="154" height="147" />
    </div>
</div>
<div class="content-container">
    Más contenido!!
</div>
 

Código CSS:

html,body{
    display: table;
    height: 100vh;
    width: 100%;
    margin: 0;
}
 
.content-container{
    display: table-cell;
    width: 100%;
}
 
.left-container{
    background-color: #07162E;
    color: #FFF;
    display: table-cell;
    min-width: 160px;
    width: 25%;
}
 

Alguna idea en lo posible que no sea usar float:left?

[AngelKrak]

agregale esta propiedad CSS a tu .content-container con eso aparecera el texto al principio ;)

Código CSS:

vertical-align: top;
 

Demo:
http://codepen.io/AngelKrak/pen/zvOrKw