个人主页制作中的问题

在制作个人网站中遇到的一些问题，在这里整理、归纳一下：

1,去掉链接的虚线边框，在IE和FireFox下要分别处理：

a,area { /* for IE */
    blr:expression(this.onFocus=this.blur()) 
} 
:focus {/* for Firefox */
    outline: none; 
} 

2,将导航条用Css控制翻转图片效果，页面代码整洁：

<div id="nav">
    <ul>
	<li><a href="#">首页</a></li>
	<li><a href="#">日志</a></li>
	<li><a href="#">好友</a></li>
	<li><a href="#">美化</a></li>
	<li><a href="#">联系</a></li>
	<li><a href="#">下载</a></li>
	<li><a href="#">关于我们</a></li>
    </ul>
</div>

 

 css代码：

/*-navigation Begin-*/
#nav{
	height:36px;
	position:relative;
	top:64px;
	font-family:Arial, Helvetica, sans-serif,"宋体";
	line-height:20px;

}
#nav ul{
	position:absolute;/*-控制nav横向排列位置-*/
	right:0px;
}
#nav ul li{
	float:left;
	display:block;
	font-size:14px;
	line-height:36px;
	height:36px;
	background:transparent url(images/nav.gif) repeat-x -95px 0px;
}
#nav ul li a{
	text-decoration:none;
	color:#fff;
	display:block;
	float:left;
	height:36px;
	width:95px;
	text-align:center;
}
#nav ul li a:hover{
	color:#000;
	background:transparent url(images/nav.gif) repeat-x 0px 0px;
}