¿Porque no se me muestra la imagen?

[IVICP3]

Tengo una duda, porque no se muestra la imagen PT.png que esta asociada al div con clase PT? La ruta esta bien y no veo ningun error a simple vista, se muestra todo menos la imagen PT.

Código HTML:

<div class="fotasa">
 
<img src="img/lugares/porto.jpg" height="288px" class="wimg">
<label class="nombre"><div class="boxIcon flag PT"></div>
<b>Porto, Portugal</b> 
</label>
 
</div>
 

Código CSS:

.fotasa {
  cursor: pointer;
  position: relative;
  padding: 5px;
  width: 288px;
  border: 1px solid #c8c8c8;
  background: #fff;
  display: block;
  overflow: hidden;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
 
 
.PT {
  background-image: url('img/banderas/PT.png');
}
.flag {
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
}
.boxIcon {
 
  display: inline-block;
  float: left;
}
 
.nombre {
  text-align: left;
  min-height: 43px;
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background: rgba(0,0,0,0.75);
  color: white;
 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}