I'm encountering an issue with achieving 100% height on a child container in Google Chrome, although it works perfectly fine on Firefox.
Here is the URL:
http://linco.com.py/beta/multiplaza/cartelera.php
The styling for the main container is as follows:
position: relative;
width: 23%;
height: 0px;
padding-bottom: 30%;
margin-left: 1.5%;
margin-top: 20px;
float: left;
For the child container, I have applied the following styles:
z-index: 2;
position: absolute;
opacity: 0;
background: rgba(255,255,255,0.8);
width: 100%;
height: 100%;
left: 0;
display: table;
cursor: default;
Can anyone point out what mistake I might be making here? Thank you!