UTF8编码时 莫名其妙的出现一个隐形字符

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<style> 
@import url(images/style.css);
</style>
<body>
<div id="header">
<div class="logo"><a href="./index.php"><img src="images/logo.gif" /></a></div>
    <div class="links">
    <ul><li><a href="index.php?ac=login">登录</a></li><li><a href="index.php?ac=login">注册</a></li><li><a href="index.php?ac=login">帮助</a></li></div>
</div>
<div id="content">
<h1>提示信息</h1>
    <hr />
    <p>操作失败，原因：用户名不符合要求！<br />用户名长度必须为：6~20个英文+数字的组合 且首字符必须为字母或者下划线！</p>
    <p><a href="javascript:getURL();">进入</a> 还有<span id="time">5</span>秒自动进入</p>
</div>
<div id="footer">Copyright &copy; 2010-2011 iyeer.com 版权所有</div>
</body>
</html>在最开始的前面有一个隐形字符，我是用DW写的，可以用键盘的左右键来操作这个隐形字符。这个隐形字符造成了页面中的内容无法居中，其它都正常。
这个字符是怎么产生的？
怎么才能避免呢？