怎么去掉这该死的下划线?
<!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>
<style type="text/css">
<!--
.catname{background: url(../images/bg_title.gif) no-repeat -14px 0; color:#fff; padding:5px; margin:0 10px 0 0; font:bold 13px/22px SimSun;}
#hotcity{font-size:14px;margin:1px 0 0 0;}
#hotcity a{margin:0 5px; text-decoration:underline;}
#hotcity a span{text-decoration:none; font-size:x-small;}
-->
</style>
</head>
<body><div id="hotcity"><span class="catname">热门城市</span><a href="#">伦敦</a><a href="#">曼彻斯特</a><a href="#">伯明翰</a><a href="#">利兹</a><a href="#">诺丁汉</a><a href="#">卡迪夫</a><a href="#">考文垂</a><a href="#">爱丁堡</a><a href="#">斯旺西</a><a href="#">莱斯特</a><a href="#">纽卡斯尔</a><a href="#">谢菲尔德</a><a href="#">牛津</a><a href="#">剑桥</a><a href="#">南安普顿</a><a href="#">利物浦</a><a href="#">拉夫堡</a>
<a href="#">全部<span> ▼</span></a></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>
<style type="text/css">
<!--
.catname{background: url(../images/bg_title.gif) no-repeat -14px 0; color:#fff; padding:5px; margin:0 10px 0 0; font:bold 13px/22px SimSun;}
#hotcity{font-size:14px;margin:1px 0 0 0;}
#hotcity a{margin:0 5px; text-decoration:underline;}
#hotcity a span{text-decoration:none; font-size:x-small;}
#hotcity .none {text-decoration:none;}
-->
</style>
</head>
<body> <div id="hotcity"> <span class="catname">热门城市 </span> <a href="#">伦敦 </a> <a href="#">曼彻斯特 </a> <a href="#">伯明翰 </a> <a href="#">利兹 </a> <a href="#">诺丁汉 </a> <a href="#">卡迪夫 </a> <a href="#">考文垂 </a> <a href="#">爱丁堡 </a> <a href="#">斯旺西 </a> <a href="#">莱斯特 </a> <a href="#">纽卡斯尔 </a> <a href="#">谢菲尔德 </a> <a href="#">牛津 </a> <a href="#">剑桥 </a> <a href="#">南安普顿 </a> <a href="#">利物浦 </a> <a href="#">拉夫堡 </a>
<a class="none" href="#">全部 <span> ▼ </span> </a> </div>
</body>
</html>
