cssの今、一番旬なブラウザごとに違うcssをかける方法
現在４つのブラウザでほぼ同じような動作・見栄えをするサイトを制作しております。
４つのブラウザとは（opera ie6 ie7 firefox）です。
そこで、現在、ie6だけで生じる表示崩れがあり、
そのcssの解決方法も発見したのですが、
それを解決すると今度は逆に、opera,ie7,firefoxでエラーが起きてしまいます。
読み込んでいるのは、一つの外部cssファイル、main.cssです。
現在考えられる解決方法としては、
１．ie6だけにcssを掛けるハック？
この場合、どのようにハックをかければいいのでしょうか。
色々しらべましたが、スターハックなど、現在使って良いハックというのは何になるのでしょうか。
具体的なcssコードは、以下です。
#pull a:hover{
display:block;
/*以下ie6だけに指示したい命令 現状コメントアウトしています*/
/*margin-bottom:-20px;*/
}
２.ie6だけ別の外部cssファイルを読み込ませる。
ブラウザ毎に違うcssファイルを読み込ませることってできるのでしょうか。
（javascriptで判別するのでしょうか？）
ie6 なら、main_ie6.cssを読み込み、
それ以外のブラウザなら main.cssを読み込ませる
一番ベストな方法を教えていただければと思います。
お礼
ありがとうございました。