Alterar posição de pequeno efeito

Qual é minha questão:
Olá,

Estou a utilizar o seguinte código:

Código:

#main-content a[href="/u1"] strong {position:relative;}
#main-content a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);content: "Fundador Geral";border-radius:5px;font-weight:bold;font-size:10px;padding:2px;color:#fff;position:absolute;bottom:15px;left:0px;display:inline-block;white-space:nowrap;z-index:1;}

O efeito que realiza é aparecer em cima do nick "Administrador Geral":


O que desejava era que o efeito aparece-se a frente do nick e não em cima, mais ou menos onde está o quadrado amarelo e verde desta print:



Endereço do meu fórum:
http://www.suportedesign.forumeiros.com

Versão do fórum:
PUNBB

Adicione isso a sua Folha de estilo CSS:

Código:

#main-content a[href="/u127"] strong:hover:after {
    bottom: 0;
    left: 75px;
}

Olá, tente o código css abaixo:

Código:


/* Desenvolvido por BlueBox - www.BlueBox.forumeiros.com */
#main-content a[href="/u127"] strong:hover:after {
bottom: 20px !important;
left: 20px !important;
}


Abraço!
BlueMan.

Olá,

Kyo Panda, resultou perfeitamente, Rideword. o seu ficou igual da mesma.

Resolvido!