Hover not working for #header h1 span

I'm currently using the Garland theme and I have the following rule:
sIFR v2 | Logo and title | #header h1 span

The HTML is

<div id="header">
        <div id="logo-floater">
                <h1><a title="My Drupal Site" href="/"><img id="logo" alt="My Drupal Site" src="/themes/garland/logo.png"/><span>My Drupal Site</span></a></h1>
        </div>
        ...
</div>

With the selector as #header h1 span (as suggested by the module's admin page), clicking the link works, but the cursor doesn't change to the pointer, it changes to the caret, and the hover color doesn't work (see attached dynamic-rendering-1.png).

With the selector as #header h1 or #header h1 a, the hover color works, the cursor is the pointer, but #224713: sIFR text not clickable in FF the link doesn't work (see attached dynamic-rendering-2.png).

I haven't played around with the theme's styles for those elements... will try that next.