Incompatibilidades com o Chrome e com IE

[Gabalu 0]

Olá, pessoas!

 

Depois de arrancar os cabelos o dia inteiro, resolvi pedir ajuda...

 

Estou desenvolvendo um site para uma amiga fotógrafa e me deparei com um problema de incompatibilidade:

 

Uma das páginas com problema é esta: http://lovelladagumcom.ipage.com/landscape1.php

 

No firefox 5, ela funciona pefeitamente, o efeito transition e a posição das imagens estão corretas. Já no Chrome

a posição das imagens não esté correta, ja peguei só a parte da galeria com o css separado e funcionou, mas

quando eu coloco no corpo do site, a posição muda. E no IE, o efeito transition não funciona, mas as posições

estão corretas.

 

Alguém pode me ajudar a desvendar o mistério?

 

Esqueci de dizer que ao passar o mouse em cima das fotos a posição das imagens muda

[Rodrigo Zanotta 0]

Testou em qual IE? para funcionar no IE9, precisa do prefixo -ms-.

 

Dica: use css abreviado, exemplo:

 

-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;

 

Ficaria:

 

-moz-border-radius:7px; (se o valor for igual para todos os campos)
     -moz-border-radius:1px 2px 3px 4px; (declarando valor para todos os cantos, sentido horário)