[MediaWiki-l] mw-editsection appear only on hover?

Hi, been setting up a mediawiki to port my aging twiki for 3d animation tips, all going great so far:

http://www.tokeru.com/mayawiki/index.php?title=Main_Page

One thing I'd like to do though is hide the '[edit]' links, and only have them appear when users hover over the title. Similar to the direct link icon that appears for the python documentation pages (open the following link, hover on the titles, a red '|P' link appears to allow users a direct link to that section) :

http://docs.python.org/2/library/os.html

From inspecting the mediawiki pages it appears I should be able to use the

mw-headline:hover to affect mw-editsection. Unfortunately I can't make it work. I can make mw-headline:hover affect itself, and mw-editsection:hover affect itself, but not one affecting the other. Here's what I'm trying:

.mw-editsection { display:none; }

.mw-headline:hover .mw-editsection{ display:inline-block; }

I've tried variations with #, span, spaces, no spaces, but clearly this is beyond my limited css skills.

Any ideas?

Cheers,

-matt