Reply To: Problem with css

[TheDoc]

Instead of having a width/height of 100% on figcaption you should just set the top/right/bottom/left values to something other than 0.

This worked for me:

#main-banners > div figcaption {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    /* width: 100%; REMOVE */
    /* height: 100%; REMOVE */
    padding: 10%;
    color: #FFF;
    background-color: rgba(40, 40, 40, 0.8);
}