CSS hacks para Firefox 3

Acreditamos que a maioria dos desenvolvedores web, gostam muito do querido navegador Firefox!
E então veio sua nova versão que em sua primeira semana possuia 9 mil downloads por minuto. Ualll

Contudo, muitos desenvolvedores foram pegos por algumas diferenças entre a versão 2 e 3 do navegador (isso inclui a Google, muitos de vocês e nós, School of Net).

Em nosso site do pré-lançamento, nosso menu horizontal estava funcionando perfeitamente no Firefox 3 (FF3), porém no Firefox 2 (FF2) tínhamos uma diferença de 1px no atributo padding-top.

Abaixo seguem algumas hacks para conseguirmos ajustar nossas aplicações entre as duas versões do browser:

#qualquerelemento, x:-moz-any-link, x:default {}

Em nosso caso (site de pré-lançamento):

#menu ul li a,x:default { padding:6px 16px 10px 16px;} /* Somente funciona no FireFox 3 */

Outras hacks (citadas em http://diegofranco.net/archives/css-hacks-para-o-firefox-3):

/* Hack for Firefox 3 */
.nomedasuadiv, x:default { atributos }

/* Hack for Firefox 2 */
.nomedasuadiv, x:-moz-any-link { atributos }

/* Hack for Internet Explorer 7 */
.nomedoseuelemento { *display:none; }

/* Hack for Internet Explorer 6 */
.nomedoseuelemento { _display:none; }

/* Hack for Opera */

@media all and (min-width: 0px){
.content { }
}

Segue um forum muito bom sobre esses pontos!
http://forums.mozillazine.org/viewforum.php?f=25

Qualquer dúvida, sugestão ou experiência, não hesite em comentar esse post!