title: :hover with <span> elements
body: <p>I am working with:</p>
  
  <pre><code>#top ul li.corner span.right-corner:hover
  {
      background-image:url("images/corner-right-over.gif");
      width:4px;
      height:15px;
      float:left;
  }
  
  #top ul li.corner span.left-corner:hover
  {
      background-image:url("images/corner-left-over.gif");
      float:left;
      width:4px;
      height:15px;
  }
  </code></pre>
  
  <p>And I can't seem to get the <code>:hover</code> working properly? Not sure why, does anyone have any suggestions?</p>