Div after - adicionar conteudo

[andrepcg]

estou a desenvolver um pequeno website q segue este formato e por baixo de cada div class="A" (zona a vermelho) quero adicionar um pequeno separador em forma de imagem centrada horizontalmente ao meio da div. Tenho conhecimento do operador CSS :after portanto estou a tentar fazer algo do genero:

.A:after {
    content: "";
    display: block;
    background: url(separador.png) center center no-repeat;
    height: 29px;
}

O problema é que a imagem separadora não aparece depois DE CADA div A, aparece depois do CONTEUDO presente nessas mesmas divs que neste caso é um paragraph <p>, ficando o separador por cima da div. Como faço para o separador aparecer depois de cada uma dessas divs, independentemente do tamanho da div class="A" (pois a height pode variar) e independente do conteudo dentro da div?

obrigado

 

[esaramago123]

Acrescenta:
.a {position: relative}
.a:after {position: absolute; bottom: 0;}