Detalhes da questão

Endereço do fórum: http://legaciesrpg.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Pessoal, estou criando um fórum novo e me arriscando a desenvolver boa parte da skin. Porém, que após criar os codes dos subforuns, já encontrei um bug

Como podem ver abaixo, aparentemente está tudo normal:



Porém, quando eu passo o mouse em cima, a borda lateral esquerdas dos seguintes itens some. Print a baixo mostrando.

Itens bugados: .forabg dd.topics, .forabg dd.posts e .forabg dd.lastpost

Print do bug:



Como podem ver, eu marquei em vermelho como deveria ser (o primeiro) e como fica sempre que coloco o mouse sobre a área.

Aqui tem um print-gif do erro acontecendo:



Pra adiantar, já coloco aqui a parte do CSS que corresponde aos itens citados:

Código:

/*MENSAGENS, TÓPICOS e ÚLTIMA MENSAGEM*/

.forabg dd.topics {
    border: 1px solid #ddd;
    display: inline-block;
    font-family: Poppins;
    font-size: 7px;
    line-height: 10px;
    margin-bottom: 5px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 195px;
    position: relative;
    top: 195px;
    left: -295px;
}
 
.forabg li.row dd.topics:after {content: "tópicos"; }


.forabg li.row dd.topics:before {
content: "";
padding-right: 15px;
font: 9px Montserrat;
text-transform: uppercase;
text-align: center;
color: #363636;
}

.forabg dd.posts {
    border: 1px solid #ddd;
    display: inline-block;
    font-family: Poppins;
    font-size: 7px;
    line-height: 10px;
    margin-bottom: 5px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 195px;
    position: relative;
    top: 157px;
    left: -60px;
}
 
.forabg li.row dd.posts:after {content: "posts";}

.forabg li.row dd.posts:before {
content: "";
padding-right: 15px;
font: 9px Montserrat;
text-transform: uppercase;
text-align: center;
color: #2b2a2a;
}

.forabg dd.lastpost {
color: #111;
text-align: center;
display: block;
margin-top: 5px;
margin-left: 60px;
width: 450px;
height: 30px;
font: 8px Montserrat;
padding: 27px 0px 35px 0px;
letter-spacing: 2px;
line-height: 250%;
text-transform: uppercase;
    border: 1px solid #ddd;
}

.forabg li.row dd.lastpost a {
   font-size: 9px;
font-style: normal;
text-align: center;
}


.forabg li.row dd.lastpost a strong {
font-size: 9px;
font-style: normal;
text-align: center;
}

dd.lastpost a.gensmall span.color-groups {
    float: none;
    display: unset;
}

Já agradeço quem conseguir me ajudar.

Olá @Starset,
Adicione na sua folha de estilo:

Código:

li.row:hover dd {
      border-left-color:  #ddd!important;
}


Cordialmente,
pedxz.

Pedxz,

Coloquei o código e até funcionou, porém também criou uma borda lateral que não deveria.

Segue o print:

Adicione, mais, na sua folha de estilo, o seguinte código:

Código:

li.row:hover dd:first-child {
    border-left-color: transparent!important;
}

Resolvido! Pode encerrar o tópico, muito obrigado!