Ciao Ragazzi... ancora una volta chiedo il vostro aiuto per risolvere questo nuovo problema:

La home page del sito che sto creando, viene visualizzata correttamente con Explorer, Chrome e Safari ma se utilizzo Mozilla noto un piccolo errore. Praticamente, ho 2 riquadri che , solo con mozzilla, vengono visualizzati attaccati uno all'altro

Potete vedere la pagina in questione all'indirizzo
(i riquadri di cui sto parlando sono quelli in fondo alla colonna centrale)


Ora vi posto il codice che ho utilizzato:

codice:
  
				<div class="slideGg">
				<div class="btn">Previous</div>
				<div class="list" style="overflow: hidden;">
					<ul style="width: 636px; margin-left: -212px;" id="sliderWrapper">[*][img]img/banner1.gif[/img][*][img]img/banner2.png[/img][*][img]img/banner3.png[/img]
			[*][img]img/banner4.png[/img]
			[*][img]img/banner200.png[/img]
			[*][img]img/banner300.png[/img]

                        					[/list]
				</div>
				<div class="btn">Next</div>
			</div></p>
                                                 </p>
                            				<div class="slideplayer2">
					<object width="212" height="180"><param name="movie" value="http://www.youtube.com/v/9CUsX4LC1qA&hl=it_IT&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9CUsX4LC1qA&hl=it_IT&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="230" height="153"></embed></object>
					<object width="212" height="180" border="2"><param name="movie" value="http://www.youtube.com/v/zj-mUj7XWPc?fs=1&amp;hl=it_IT"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zj-mUj7XWPc?fs=1&amp;hl=it_IT" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="230" height="153" border="2"></embed></object>
					</div>
		
		
		</div>
e il CSS a cui faccio riferimento è:

codice:
.slideplayer2{ position:relative; z-index:1; margin-top:+0px; width:468px; height:154px; background:url(../img/sprite_main1.png) no-repeat; padding:14px 10px 14px 14px; overflow:hidden;}
Aumentando il valore di margin-top:+0px sono in grado di visualizzare i riquadri separati anche su Mozilla ma con gli altri browser la spaziatura risulta sempre maggiore...

Come posso fare per risolvere questo problema???
Spero di essere stato sufficientemente chiaro.

Grazie, Matteo