Tengo el siguiente problema, en el div tengo una imagen de fondo, esa imagen de fondo es de 1800x500, con el css "background-size:100% 100%" hago que se ajuste al tamaño del div, estoy trabajando con freemarker, pero el contenido es html, por alguna extraña razón en los estilos del div no puedo poner porcentajes a los div, ni letras, exclusivamente el numero de pixeles, encontre un codigo que va ajustando el ancho del div de acuerdo al tamaño de la pantalla, pero no sucede lo mismo con el alto (height), esperaba que con estilos se pudiera que el alto del div tambien fuese cambiando, alguna idea?
este es mi codigo:
<div id="knoell-carousel-${randomNamespace}" style="width:1px; margin-left: auto; margin-right: auto; background-size:100% 100%;background-repeat: no-repeat;">
<#list images.getSiblings() as cur_images>
<#if cur_images.imagelink.getData() != "">
<a href="${cur_images.imagelink.getData()}">
</#if>
<#if cur_images.imagelink.getData() == "">
<a href="${cur_images.imagelink2.getData()}">
</#if>
<div class="carousel-item" style="background: url(${cur_images.getData()});background-size:100% 100%; width:1px; height:600px; background-repeat: no-repeat;">
</div>
</a>
</#list>
</div>