immagine liquida diversa nei browser

[macetti8]

Salve,

Ho implementato questa semplice pagina per fare una sorta di modulo per un blog. Ho dato alle immagini il seguente css:

div#blog_sar-at_left-column img{
padding:0 2% 2% 1%;
margin-top:-17px;
display: block;
width: 100%;
}


Questo per avere un'immagine liquida e quando provo l'immagine effettivamente si stringe, però nei diversi browser appare molto diverso, in firefox l'immagine di partenza è molto più piccola che in safari o chrome,e comunque sempre tra di loro le grandezze sono sempre differenti..

Sapete se c'è una soluzione per avere una grandezza più simile?

grazie mille.

Andrea

[macetti8]

Problema risolto,


non so per quale motivo ma con firefox se un'immagine sta dentro un tag p o un div, non prende il max-width, quindi rimane sempre della stessa grandezza anche se si restringe lo schermo.