CSS做一个超链接的陷下效果

以下为引用的内容：
<style>
A:link,A:visited ,A:active {TEXT-DECORATION: none}
A:hover {text-decoration : none; position : relative; top : 1px; left : 1px}
</style>

<A HREF="http://www.CuoXIn.com/">把鼠标放上来看看效果---</A>
<A HREF="http://www.CuoXIn.com/">这里是天极<a href="http://www.CuoXIn.om/" class="bluekey" target="_blank">网页</a>陶吧</A><script language="Javascript">
var now = new Date();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime()  + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>");
</script>
<noscript>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/>
</noscript>