ここにマウスを重ねたときに背景が赤で白抜き文字になります

<html>
<head>
<title>光るリンク文字（白抜き）</title>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
a:hover { color: #FFFFFF;
background-color:#FF0000;}
a { text-decoration: none;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="dd.html">ここにマウスを重ねたときに背景が赤で白抜き文字になります </a>
</body>
</html>