Один из способов обойти все проблемы совместимости браузера - использовать разные таблицы стилей для каждого браузера. Вы можете сделать это, добавив блок JavaScript, такой как приведенный ниже, в раздел <head> вашего HTML-документа:
<script language="JavaScript"> <!-- if(-1 != navigator.userAgent.indexOf("MSIE")) { // Internet Explorer document.write('<link rel="stylesheet" type="text/css" href="ie.css">'); } else if (-1 != navigator.userAgent.indexOf("Mozilla")) { // Netscape document.write('<link rel="stylesheet" type="text/css" href="netscape.css">'); } else { // other document.write('<link rel="stylesheet" type="text/css" href="other.css">'); } //--> </script>