Smarty CSS问题 不知道大家有没有遇到

* { padding:0;
margin:0;
}
#container {
margin:0 auto;
width:849px;
}a{
text-decoration:none;
}#top {
width:100%;
}#navleft {
width:151px;
height:39px;
background:url(../images/navleft.gif);
float:left;
}#nav li {
display:block;
list-style:none;
width:70px;
height:39px;
background:url(../images/navback.gif);
text-align:center;
float:left;
}#nav li:hover {
background:url(../images/navhover.gif);
}#nav li a {
width:50px;
position:relative;
top:11px;
color:#003;
font-weight:bold;
font-size:16px;
}
#nav li a:hover {
color:#03F;
}
#navright {
width:68px;
height:39px;
background:url(../images/navright.gif);
float:left;
}#topbt {
background:url(../images/btline.gif) repeat-x center;
width:100%;
height:10px;
float:left;
}--------------------------------------------------------------------------------
上面是CSS文件内容
下面是smarty替换后输出的内容（<!DOCTYPE --->上面有一行空格，不知道怎么产生的.)
--------------------------------------------------------------------------------
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link type="text/css" rel="stylesheet" href="css/common.css" />
</head>
<body>
<div id="container">
  <div id="top"><!--导航栏-->
   <div id="navcontainer">
     <div id="navleft"></div>
     <ul id="nav">
      <li><a target="_self" href="index.php">首页</a></li>
          <li><a target="_slef" href="sort.php?sid=1">国内</a></li>
           <li><a target="_slef" href="sort.php?sid=2">国际</a></li>
           <li><a target="_slef" href="sort.php?sid=3">军事</a></li>
           <li><a target="_slef" href="sort.php?sid=4">体育</a></li>
           <li><a target="_slef" href="sort.php?sid=5">教育</a></li>
           <li><a target="_slef" href="sort.php?sid=6">娱乐</a></li>
           <li><a target="_slef" href="sort.php?sid=7">观点</a></li>
           <li><a target="_slef" href="sort.php?sid=8">游戏</a></li>
           </ul>
     <div id="navright"></div>
   </div><!--navcontainner-->
   <div id="topbt"></div>
 </div><!--id:top-->
</div><!--id:container--></body>
</html>-------------------------------------------------------------
文件路径是对的，但现在出问题了，整个页面就是无法居中，还有:hover也无效了，怎么回事？如果用静态的HTML没有问题。