title: My hyperlink works but the cursor isn't changing to a pointer
body: <p>I've got an intro page with an embedded .SWF file and audio controls (I know, they're not recommended but the client loves the idea!).  I created the .SWF graphically (in Illustrator) not with Adobe Flash.  I was able to locate code to make the .SWF a hyperlink, which works, however the client really wants the cursor to show a hand/pointer so it's an obvious hyperlink to enter their site.</p>
  
  <p>I've tried a variety of CSS, such as:</p>
  
  <pre><code>* {cursor: pointer; }
  body {cursor: pointer, auto; }
  link {cursor: pointer }
  a:hover {cursor: pointer }
  </code></pre>
  
  <p>But none of these seem to work!  The mouse will be a pointer on the rest of the page but not when you are over the .SWF object.  Here's my HTML:</p>
  
  <pre><code>&lt;body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" bgcolor="#000000"&gt;
  
  &lt;audio controls autoplay&gt;
  &lt;source src="BasketballBeats.ogg" type="audio/ogg"&gt;
  &lt;source src="BasketballBeats.mp3" type="audio/mpeg"&gt;
  Your browser does not support the audio element.
  &lt;/audio&gt;
  
  &lt;object type="application/x-shockwave-flash" width="1440" height="700" onmouseup="document.location='http://www.clientsite.com/welcome'"&gt;
  &lt;param name="wmode" value="transparent" /&gt;
  &lt;param name="movie" value="http://www.clientsite.com/TBS-Enter-Site-Intro.swf" /&gt;
  &lt;/object&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>I've also uploaded a sample of the page using the first CSS I tested, so you can see how the cursor changes above and below the object but not over it!  <a href="http://tentendesignstudio.com/staging/test/intro30" rel="nofollow">http://tentendesignstudio.com/staging/test/intro30</a>  Can someone tell me a way to get this to work?  Thanks in advance!</p>