bug css Firefox 3.5 et 3.0.8

Bonjour tout le monde,

en général j'essai de regler les problemes par moi meme mais sur ce coup la j'ai vraiment du mal...

mon probleme est le suivant, je suis sur la mise en page de cette page/

les boutons situés sur la bande rouge sous chaque vignette est décaler d'une dixaine de pixel vers le haut ou le bas suivant les version de firefox a savoir la 3.0.8 sur pc et la 3.5 sur mac

j'ai joué avec les padding et les margin mais rien n'y fais... si quelqu'un a une idée ca m'aiderai beaucoup

merci et bonne journée

Pour infos voici la div repetée pour chaque vignette

Code:

---

1 2 3 4 5 6 7 8 9

<div id="cd"class="bigthumb-video" style=" width:200px; height:200px; float:left; padding:35px 20px 35px 20px; background-image:url(<a href="http://www.discograph.com/ge-bataclan/images/background-bouton.jpg);" target="_blank">http://www.discograph.com/ge-batacla...d-bouton.jpg);</a> background-position:center bottom; background-repeat:no-repeat;"><a class="video-gallery" href="http://www.dailymotion.com/swf/video/x8e4n7?width=480&autoPlay=0&foreground=%23F7FFFD&highlight=%23FFC300&background=%23171D1B&colors=background%3A171D1B%3Bforeground%3AF7FFFD%3Bspecial%3AFFC300%3B" ><span></span><img src="http://www.discograph.com/site/wp-content/themes/dsc_theme/images/images-ge/vignette-album.png" border="0" width="200" height="140"/></a> <h4 style="font-size:0.8em; color:#d11702; margin:10px 0 0 0; padding:0 0 0 0;">General Elektriks<br />Good City For Dreamers Deluxe</h4> <div style="height:23px; color:#fff;"> Buy: <div style="float:right; padding:0 5px 0 0 ;"><a class="buy more" onclick="yofancybox('50993'); return false;" href="#" title="wav">wav</a></div> <div style="float:right; padding:0 5px 0 0 ;"><a class="buy more" onclick="yofancybox('50994'); return false;" href="#" title="mp3">mp3</a></div>   </div> </div>

---