Uniformare le altezze del sito nei vari browser.

[ghisirds]

Salve.
Ho un sito, fatto e modificato diverse volte, in cui vorrei rendere uguali le altezze e le spaziature in verticale, in modo che si possa vedere allo stesso modo in tutti i browser. Il tutto è complicato dal fatto che vorrei mantenere corretta la validazione w3c e con il carrello PayPal si complica un po’ la cosa.
Adesso, se lo si guarda con Explorer il sito è allungato in verticale in quanto aumentano le spaziature sopra e sotto il tasto "aggiungi al carrello" nonostante abbia impostato con una classe, l'altezza dello stesso e i margini verticali. Idem ho fatto per l'immagine che sta sopra e la scritta che sta sotto, ma evidentemente è interpretato diversamente dai vari browser.
Qualcuno mi può aiutare ad uniformare la pagina senza fare grossi stravolgimenti?
L'indirizzo è questo:
http://www.idee-regalo.biz/articoli-regalo.html

Questa la classe dell'immagine sopra:

.immaginiCatalogo {
 float: left;
 display: inline;
 width: 242px;
 height: 202px;
 margin-right: 10px;
 margin-top: 0px;
 margin-bottom: 0px;
}

Questa del pulsante aggiungi al carrello, che sta in mezzo:

.AggiungiAlCarrello {
 clear: left;
 float: right;
 display: inline;
 width: 150px;
 height: 24px;
 margin-top: -40px;
 margin-bottom: -40px;
 border-right: 1px solid #6479AD;
}

E questa quella del titolo sotto:

h2.titoliCatalogo {
 clear: both;
 font: 900 18px/20px Geneva, Arial, Helvetica, sans-serif;
 text-align: center;
 background: #3399ff;
 color: #FF0000;
 text-decoration: none;
   margin-top: 10px;
 margin-bottom: 0px;

}

Il problema, come già detto, è proprio rendere uniforme la spaziatura sopra l'aggiungi al carrello in tutti i browser: idem la spaziatura sotto.
Grazie


__________________
nuovi gadget aziendali