Nested div with background img not showing

Hi all,

I can’t the following img (id driver-pic) to show at all.

image

HTML

    <div id="driver-panel">
      <div id="driver-pic"></div>
    </div>

CSS

#driver-panel {
  width: 100%;
  height: 18%;
  position: absolute;
  bottom: 0%;
  background-color: black;
}

#driver-pic {
  background-image: url('../assets/img/driver.png');
  background-repeat:no-repeat;
  background-size:contain;
  width: 125px;
  height:100%;
  position: relative;
  bottom: 0%;
  left: 0%;
}

PS. driver pic is a white png of a generic person.