Problema con la position absolute dentro de una lista

[Sasjuarez]

Que tal asalto_27

lo que tenes que hacer es simplemente agregar a todos los elementos de la lista una posicion relativa como dice C2am y bajarle un poco a top de TxtImgClase. Proba y nos contas

Código CSS:

.ContClases{
float: left;
overflow: auto;
width: 100%;
height: auto;
background: red;
padding-bottom: 15px;
}
 
.ContClases ul{
background-color: #181818;
float: left;
width: auto;
height: auto;
padding-left: 18px;
padding-bottom: 18px;
}
.ContClases ul li{
float: left;
width: 304px;
height: 196px;
margin-right: 16px;
margin-top: 17px;
background:white;
position:relative; /** Posicion relativa **/
}
.ContImgClase{
float: left;
width: 304px;
height: 196px;
}
.TxtImgClase{
background: rgba(43, 40, 40, 0.29);
position: absolute;
width: 304px;
height: 88px;
top: 120px; /** Y le bajamos un poco a top **/
}
.TxtImgClase p{
text-align: center;
color: #0A8F9B;
font-size: 24px;
width: auto;
margin-top: 15px;
margin-bottom: 10px;
height: auto;
}
 

Te dejo una imagen de como quedo!