不同浏览器的css有关问题

不同浏览器的css问题
现在在做一个网页，但是用IE和google打开有一些小的地方有一些轻微的变形，现在我用如下的代码，判断浏览器，判断后，
不同的css应该怎么搞，小弟不懂，虚心求教。。

<!--判断浏览器-->
function liulan(){
var name = navigator.appName;
if(name == "Microsoft Internet Explorer")
alert("IE");
else if(name == "Netscape")
alert("NS");
}

//比如说:<div id="mao">你今天真帅啊</div>
我在ie里面要 
#mao{
  margin-left:50px;
}
但在google里面只要margin-left:10px; 我就是问，判断浏览器后，怎么去调用不同的css样式，是写在div的里面还是说，建一个css样式的文件，在去引用它



[解决办法]

if(window.navigator.userAgent.indexOf("MSIE")>=1) {
setActiveStyleSheet("userLogin/css/main.css");
}
else{
if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
setActiveStyleSheet("userLogin/css/main.css");
}
else{
setActiveStyleSheet("userLogin/css/maingoogle.css");
}
}

function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href=""+title;
}