Cursor/pointer image

Why this don't work ??? How load cursor png image?

<!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=windows-1251">
 <title>cursor</title>
 <style type="text/css">
  .cur { cursor: url(mycursor.svg#linkcursor), pointer }
  .help { cursor: help; }
 </style>
</head>
<body>

 <p class="cur">There must be a cursor from svg file</p>

</body>
</html>



*File mycursor.svg*

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1"
    baseProfile="full"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    width="100%" height="100%">
<cursor id="linkcursor" x="5" y="12" xlink:href="hand.png"/>
</svg>

Received on Monday, 13 October 2008 15:01:56 UTC