Bildiğiniz gibi web tasarımcıların en büyük sorunlarından biridir tüm browserlarda(web tarayıcı) düzgün görünen bir web sayfası hazırlamak. Yabancı bir kaynakta bu konuyla ilgili bir kısa ama faydalı bir yazı buldum, Türkçeye çevirdim.

İşte tüm browserlarda düzgün görünecek sayfalar hazırlamak için 10 maddelik bir checklist(kontrol listesi):

1. Her zaman Html/Css standartlarına uyun. 
2. Css kodlarınızın başında mutlaka reset(sıfırlama) tanımlayın. Yani padding, margin vb. tüm değerleri sıfırlayın.
3. Safari'de yazıların düzgün görünmesi için her zaman yazılarınıza "opacity:0.99" tanımlamasını yapın.

4. Resimleri Css ya da Html ile boyutlandırmayın.
5. Yazı görünümünü her tarayıcıda kontrol edin. Lucida yazı tipini kullanmayın.
6. Yazıları "body" bölümünde % ile belirleyin. Geri kalan yerlerde "em" kullanın.
7. Float kullandığınız yerleşim "div"lerine "display:inline" ve "overflow:hidden" tanımlamalarını yapmayı unutmayın.
8. Taşıyıcı divler "overflow:auto" içermelidir.
9. Aşırıya kaçan Css3 özellikleri kullanmayın.
10. Şeffaflık içeren Png resimleri kullandığınızda bunları "pngfix" gibi çözümlerle uyumlu hale getirmeyi unutmayın.

Kaynak: http://www.cssbased.com/news/how-to-get-cross-browser-compatibility-every-time