Подключение стилей для каждого брайзера css

Здравствуйте, стоит ли такое делать ??? подключать стиль для каждого брайзера и в нем правка.

Все брайзера разные и где то что то не так, всегда видно то менюшка чуть ниже или выше, а хотелось бы что бы везде было красиво.

Я использовал метод подключения стилей для брайзеров.

<link href="css/css.css" rel="stylesheet">  для все брайзеров стили...



ниже подключаю для брайзеров стили те что были не ровные, ну и уже добавлением куска кода я правлю.



допустим в общем стилье у меня margin-top: -1px;   смотрится везде по разному, в мозиле хорошо, в опере  выходит выше,  и вд ругих браузерах то же не так как в мозиле, я в стилях для каждого брайзера подбираю свой стиль и правлю, допустим для оперы margin-top: -2px; поставил и в опере так же как в мозиле стало.





<script language="JavaScript">

 Firefox = navigator.userAgent.indexOf("Firefox") >= 0;



if(Firefox) document.write("<link rel='stylesheet' href='css/firefox.css' type='text/css'>");

</script>



<script language="JavaScript">

 Opera = navigator.userAgent.indexOf("Opera") >= 0;



if(Opera) document.write("<link rel='stylesheet' href='css/opera.css' type='text/css'>");

</script>



<script language="JavaScript">

 Chrome = navigator.userAgent.indexOf("Chrome") >= 0;



if(Chrome) document.write("<link rel='stylesheet' href='css/chrome.css' type='text/css'>");

</script>