Ola, estou usando um layout do Znoteaac, que tem a função de Registro/Conta, que ao logar na sua conta a imagem muda, porem o codigo em si nao funciona, voce loga na conta e a imagem continua como "Registrar". Alguem teria alguma solução ? 

Codigo:

Citar

.JoinUs {
    position: relative;
    display: block;
    width: 255px;
    height: 145px;
    margin-top: -82px;
    text-indent: -9999px;
}

#left .Register {
    background: url(../images/HeaderBan.png)  no-repeat 0 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
    width: 255px;
    height: 145px;
}

#left .Register:after {
    content: "";
    position: absolute;
    display: block;
    width: 255px;
    height: 145px;
    background: url(../images/HeaderBan.png)  no-repeat 0 -145px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#left .Register:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

#left .Account {
    background: url(../images/HeaderBan.png)  no-repeat 0 -290px;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
    width: 255px;
    height: 145px;
}

#left .Account:after {
    content: "";
    position: absolute;
    display: block;
    width: 255px;
    height: 145px;
    background: url(../images/HeaderBan.png)  no-repeat 0 -435px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#left .Account:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

Imagem: