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

Prendiamo una struttura di questo tipo:
codice:
<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!