Aparência top postadores do dia

Qual é minha questão:
Bom, tenho um widget com este código:

Código:

 

 
#top-poster img {
height: 31px;
width: 31px;
padding: 2px;
text-align: leftr;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-top: 0px;
}
#top-poster img:hover {border-color:#7d7d7d}
#top-poster td.tc5 {
margin-top: 0px;
display: block;
padding: 0px 33px 0px 3px;
padding-top: 0px;
padding-left: 41px;
border-bottom: 1px solid #F3F3F3;
}

  jQuery("#top-poster").load("/memberlist?mode=today_posters td.tc5:lt(5), td.avatar-mini a:lt(5)");


E tenho esse CSS para o bom posicionamento(acho que não é tudo isso o código, mas como não entendo):

Código:

#top-poster td.tc5 {
margin-top: -22px !important;
display: block !important;
padding: 0px !important;
border-bottom: 1px solid rgb(243, 243, 243) !important;
margin-left: 15% !important;
}
#top-poster span {
display: block !important;
margin-left: 8% !important;
margin-top: -18px !important;
padding: 1px 0px 10px 0px !important;
}
/* Fancybox by Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

Mas fica assim olhem:

https://i.imgur.com/d0EWSzU.jpg

COMO CONCERTO??????

Endereço do meu fórum:
http://www.gbconfig.ativoforum.com

Versão do fórum:
PUNBB

Olá, Querido.

Primeiro, O código é só esse.

Código:

#top-poster td.tc5 {
margin-top: -22px !important;
display: block !important;
padding: 0px !important;
border-bottom: 1px solid rgb(243, 243, 243) !important;
margin-left: 15% !important;
}
#top-poster span {
display: block !important;
margin-left: 8% !important;
margin-top: -18px !important;
padding: 1px 0px 10px 0px !important;
}

Depois, Troque o por este:

Código:

#top-poster td.tc5 {
    margin-top: 0px;
    display: block;
    padding: 0px;
    border-bottom: 1px solid rgb(243, 243, 243);
}
#top-poster span {
display: block !important;
margin-left: 8% !important;
margin-top: -18px !important;
padding: 1px 0px 10px 0px !important;
}

Até mais.

Não resultou

https://i.imgur.com/B7gAwYT.jpg

Olá, Novamente.

Código infuncional esse, Espero

Troque o por este :

Código:

#top-poster td.tc5 {
    margin-top: -22px !important;
    display: block !important;
    padding: 0px !important;
    border-bottom: 1px solid rgb(243, 243, 243) !important;
    margin-left: 15% !important;
}
#top-poster span {
    display: block !important;
    margin-left: 8% !important;
    margin-top: -18px !important;
    padding: 1px 0px 10px 0px !important;
}

Até mais.

Não resultou:

Olá,

Troque o código de cima por este:

Código:

#top-poster td.tc5 {
    border-bottom: 1px solid rgba(0, 0, 0, 5); !important;
    display: block !important;
    margin-top: -16px !important;
    padding: 0px !important;
    margin-left: 50%;
}

Até mais.

Obrigado!
Deu certo!^^
Reputado!
Mas se não for incomodo, não teria como o nick ficar em cima e o n° de posts em baixo a frente do avatar como era a proposta inicial(só que de forma correta)?

Fórum que vi: http://ultragaming.forum-pro.net/ http://bestskins.forumeiros.com/

Se não tiver como não tem problema, assim tá bom!^^