Div altezza 100% dentro div altezza 40%

[Crosis]

Salve a tutti,
ho un problema dal quale non riesco ad uscirne.

Prendiamo una struttura di questo tipo:

<div id="container">
<div id="colonna">
<div id="quadrato"></div>
</div>
</div>

Dove il container è impostato con un'altezza del 100% con la regola css "height:100vh;" e colonna ha un "height:40%;"

Ora, io vorrei fare in modo che dentro al div colonna, ci sia un altro div (quadrato) di larghezza 500px, altezza 100% e un'immagine di sfondo che occupa SEMPRE tutto lo spazio del div.

Come fare?
Grazie in anticipo!

[Al_katraz984]

#quadrato {
  width: 500px;
  height: 100%;
  background: url( 'url' ) no-repeat fixed center;
}

no? cosa mi sfugge?