Legenda com erro

Detalhes da questão

Endereço do fórum: http://bplgames.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Bom atualmente eu uso este código:

Código:

.block-footer a {
  font-size: 14px;
  font-style: normal;
  font-weight: 1500;
  margin-right: 15px;
  transition: .3s;
}

.block-footer {
  background: #fff url(https://i.servimg.com/u/f41/17/41/76/40/grey-u10.png)  repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 7px;
  color: transparent;
  display: block;
  margin: 0 auto;
  margin-top: 20px!important;
  padding: 10px 8px 7px 5px;
  text-align: center!important;
  width: 61%!important;
  font-size: 0px;
}
 
.block-footer {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    padding: 12px 18px;
    text-align center;
}

.block-footer a:hover {
  background: #DDD;
  padding: 14px 13px 12px;
}

Para gerar um efeito de uma legenda, só que essa legenda não está totalmente 100%, ou seja, ela não ficou da maneira que eu quis!

Como está:

Como eu quero:

Onde vi a legenda: http://nwdgames.forumbrasil.net/

Ao aguardo,

Jhonny_.

Olá,

Substitua o seu código por esse

Código:


.block-footer a {
  font-size: 14px;
  font-style: normal;
  font-weight: 1500;
  margin-right: 15px;
  transition: .3s;
}
 
.block-footer {
  background: #fff url(https://i.servimg.com/u/f41/17/41/76/40/grey-u10.png)  repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 7px;
  color: transparent;
  display: block;
  margin: 0 auto;
  margin-top: 20px!important;
  padding: 10px 8px 7px 5px;
  text-align: center!important;
  width: 103%!important;
  font-size: 0px;
}
 
.block-footer {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    padding: 12px 18px;
    text-align center;
}
 
.block-footer a:hover {
  background: #DDD;
  padding: 14px 13px 12px;
}

Até mais.

Obrigado @AquilesD. pela ajuda, funcionou muito bem!

Até mais.