包含图片的CSS样式外联问题

         这几天一直被一个问题困扰，到目前为止一直找不到原因。就是包含图片的css外联样式没要效果，代码及截图如下：

    没有使用外联的代码：

          

 
  
   



  

  
 系统管理
       

        
网站基本设置
		
支付方式管理
        
配送方式管理
        
在线标价设置
        
    
      
    
  

效果如下：

把CSS样式存于main.css文件中是的代码如下：

 
  
  



  

  
 系统管理
       

        
网站基本设置
		
支付方式管理
        
配送方式管理
        
在线标价设置
        
    
      
    
  

main.css文件如下：

body {
	margin:0px;
	padding:0px;
	font-size: 12px;
}
 #navigation {
	margin:0px;
	padding:0px;
	width:147px;
}
#navigation a.head {
	cursor:pointer;
	background:url(images/main_34.jpg) no-repeat scroll;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:5px 0 5px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
	
}
#navigation li {
	list-style:none; display:inline;

}
#navigation li li a {
	display:block;
	font-size:12px;
	text-decoration: none;
	text-align:center;
	padding:3px;
		color:#4682b4;
}
#navigation li li a:hover {
	background:url(images/tab_bg.jpg) repeat-x;
		border:solid 1px #adb9c2;
}

效果如图：

 可看出显示不出效果。

自己找错过程如下：

把 换为

以及

效果不变，检查外联语法、路径均无错误，css的编码和文件编码格式统一，引入页面的路径于图片路径和css文件中定义的图片路径没有错误。仍然找不出出错原因。。。。。。。。