Auto ajuste da foto de capa em fóruns tipo Blog

Boa Noite a todos
A minha questão é a seguinte, a foto no blog fica cortada no Chrome e no Opera como podem ver na imagem

Opera e Chrome:

e no Firefox aparece completa porém com o contorno enorme

Firefox:

se for possível gostaria que a capa ficasse completa nesses navegadores.

Códigos que estou usando investimento nos tópicos:

Link do Fórum: http://soulfulbrmusic.forumais.com/t67-anuncio-finalmente-abrimos

Desde já agradeço

Bom dia.

Eu creio que isso possa solucionar o problema:

Código:

@media screen and (-webkit-min-device-pixel-ratio:0) {
 table.postprofile_mod_fa { background-size: 110% !important; }
 }

O que pode ocorrer neste caso, é que para ambos os navegadores o auto-ajuste da capa funciona de um tipo específico, logo, seria necessário o CSS acima que funciona somente no Google Chrome. Ele vai ajustar toda capa para 110%.

É o único meio que sei para ajudá-la neste caso.

Atenciosamente,
Shek

Bom dia Shek funcionou para os dois navegadores que citei

Se não for inconveniente, gostaria de diminuir a borda envolta do avatar, aqui está o css

Código:

/* MOD_POST_PROFILE SHEK - FÓRUM DOS FÓRUNS */
        .postprofile_mod_fa {
/* CAPA NORMAL PARA VISITANTES */
        background: url(http://i18.servimg.com/u/f18/18/89/20/58/capa11.jpg) no-repeat center center scroll;
        }

        #postprofile_mod_shek {
        border-radius: 5px;
        padding: 5px;
        }

        .information_member p, .fields_profile_member p {
        font-weight: bold;
        font-size: 15px;
        color: #0068C9;
        }

        #postprofile_mod_shek a img {
        max-height: 75%;
        max-width: 75%;
        }

        .postprofile_mod_height {
        height: 5px;
        }

        /* information_member modificação */
        td.information_member_post {
        -moz-border-radius: 10px;
        -moz-box-shadow: 1px 1px 6px #FFF;
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 1px 1px 6px #FFF;
        border: medium none!important;
        border-radius: 10px;
        box-shadow: 1px 1px 6px #FFF;
        padding: 5px;
        width: 5%;
        background-color: #EFF2F5;
        text-align: center;
        }

        td.information_member_post .row1 {
        background-color: #D9E9F1;
        }

        td.information_member_post .row2 {
        background-color: #DCEAF5;
        }

        .details_member_profile {
        padding: 5px;
        width: 35%;
        }

        .pun .postmain {
        margin-left: 0px !important;
        }

        table.postprofile_mod_fa div.profile_cust {
        transition: all .1s ease-in-out;
        background-color: transparent;
        opacity: 0.2;
        padding: 5px;
        border-radius: 5px;
        width: 20%;
        margin-top: 14%;
        }

        table.postprofile_mod_fa div.profile_cust:hover {
        transition: all .1s ease-in-out;
        opacity: 100;
        background-color: #FFF;
        padding: 5px;
        border-radius: 5px;
        width: 20%;
        margin-top: 14%;
        }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    table.postprofile_mod_fa { background-size: 110% !important; }
    }
        /* MOD_POST_PROFILE SHEK - FÓRUM DOS FÓRUNS */

A borda em volta do avatar? Mas... Não há uma borda em volta do avatar, e sim o fundo branco com a largura. Você pode modificar isso procurando pelo setor td.information_member_post no seu CSS, e modificar o valor da width para se ajustar ao tamanho que desejar.

Sim esse fundo branco nesse caso era a altura e largura que estava me referindo...
Já modifiquei o width que você mencionou, só não consigo modificar a altura

Bom dia.

Troque seu CSS da capa, por este:

Código:

/* MOD_POST_PROFILE SHEK - FÓRUM DOS FÓRUNS */
        .postprofile_mod_fa {
/* CAPA NORMAL PARA VISITANTES */
        background: url(http://i18.servimg.com/u/f18/18/89/20/58/capa11.jpg) no-repeat center center scroll;
        }

        #postprofile_mod_shek {
        border-radius: 5px;
        padding: 5px;
        }

        .information_member p, .fields_profile_member p {
        font-weight: bold;
        font-size: 15px;
        color: #0068C9;
        }

        #postprofile_mod_shek a img {
        max-height: 75%;
        max-width: 75%;
        }

        .postprofile_mod_height {
        height: 5px;
        }

        /* information_member modificação */
        td.information_member_post {
width: 5%;
}
        td.information_member_post dt {
        -moz-border-radius: 10px;
        -moz-box-shadow: 1px 1px 6px #FFF;
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 1px 1px 6px #FFF;
        border: medium none!important;
        border-radius: 10px;
        box-shadow: 1px 1px 6px #FFF;
        padding: 5px;
        background-color: #EFF2F5;
        text-align: center;
        }

        td.information_member_post .row1 {
        background-color: #D9E9F1;
        }

        td.information_member_post .row2 {
        background-color: #DCEAF5;
        }

        .details_member_profile {
        padding: 5px;
        width: 35%;
        }

        .pun .postmain {
        margin-left: 0px !important;
        }

        table.postprofile_mod_fa div.profile_cust {
        transition: all .1s ease-in-out;
        background-color: transparent;
        opacity: 0.2;
        padding: 5px;
        border-radius: 5px;
        width: 20%;
        margin-top: 14%;
        }

        table.postprofile_mod_fa div.profile_cust:hover {
        transition: all .1s ease-in-out;
        opacity: 100;
        background-color: #FFF;
        padding: 5px;
        border-radius: 5px;
        width: 20%;
        margin-top: 14%;
        }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    table.postprofile_mod_fa { background-size: 110% !important; }
    }
        /* MOD_POST_PROFILE SHEK - FÓRUM DOS FÓRUNS */

O resultado seria:


Atenciosamente.

Muito obrigada pela ajuda Shek, resultou
Não vejo o botão.
Pode dar como resolvido