ブラウザ間でめんどくさいズレをなんとかする為のcssハック

ウェブの案件でサイトを作っていて、
ブラウザ間（IE6,7は気にしません）でのズレをなんとかしたいと思って、
色々調べてたらcssハックにたどり着いたので（当たり前ですが）
自分用にまとめました。

Google ChromeとSafari用：

①：
@media screen and (-webkit-min-device-pixel-ratio:0) {}

参考アドレス：http://mahaveersingh.wordpress.com/2010/10/31/css-chrome-fix-chrome-alone-css-hack/

②：
body:nth-of-type(1) #style_huck { color: #333333; }
body:first-of-type #style_huck { color: #333333; }

参考アドレス：http://webtips-blog.com/2011/02/15/csshuck/

Firefox用：

①：
Fx 1.5, 2.0 以降に適用　#style_huck x:-moz-read-only { color: #333333; }
Fx 3.0 以降に適用　#style_huck x:-moz-broken { color: #333333; }

②：
Firefox2のみ有効
#selector, x:-moz-any-link {
property: value;
}

Firefox3のみ有効
/* Target Firefox 2 */
#selector, x:-moz-any-link {
property: value;
}

/* Then overwrite for Firefox 3 specifically */
#selector, x:-moz-any-link, x:default {
property: value;
}