[Resolvido] Desabilitar linha de css para o Chrome

[Leonardo Fuzeto 0]

Tenho o estilo em css abaixo e no Chrome o top: 146px; não funciona, na verdade ele desconfigura a minha página, porem necessito deste código nos outros navegadores.

 

Neste caso como faço pra 'desabilitar' essa função apenas no Chrome? É possível isso?

 

.janela span em {
background: none repeat scroll 0 0 #CCCCCC;
border-radius: 0 0 8px 8px;
box-shadow: 0px 3px 1px 0 rgba(0, 0, 0, 0.1);
display: none;
top: 146px;
margin-left: -2px;
width: 211px;
background-color:#F2F2F2;
height: 100px;
left:0px;
position: absolute;
font-style: normal;
z-index: 2;
padding: 5px;
text-align: justify;
font-family:Arial, Helvetica, sans-serif;
size:11px;
color:#666666;
font-weight:normal;
}

[André do Vale 76]

Posta o link que fica melhor analisarmos o problema.

 

.janela span em {
       width: 211px;
       height: 100px;

       padding: 5px;

       position: absolute;
       top: 146px;
       left: -2px;
       z-index: 2;

       background:#F2F2F2;
       border-radius: 0 0 8px 8px;
       box-shadow: 0px 3px 1px 0 rgba(0, 0, 0, 0.1);

       display: none;

       font: 400 11px Arial, Helvetica, sans-serif;
       text-align: justify;
       color:#666;
}

[Leonardo Fuzeto 0]

o link é http://clickeventosbrasil.com.br/

 

Ao passar o mouse sobre o box noticias, (box cinza, possui 4, abaixo do banner rotativo) voce verá que o conteudo que abre está uns 10 centímetros abaixo...

 

Isso ocorre somente no Chrome....

[André do Vale 76]

Cara, o que pega é o pai do link (que também é pai do elemento que aparece no :hover). Ele é um SPAN. Então dê pra ele um display do tipo inline-block, ou block. Que a partir disso a posição absoluta daquele elemento que antes estava invisível irá funcionar. :thumbsup:

[Leonardo Fuzeto 0]

Cara, muito obrigado é isso mesmo.

 

Valeu, tópico resolvido!