Icon not showing on plugin menu

Hey all,

I have a plugin installed that I am trying to customise the icon for. The icon will display if the page is the one currently selected, or if a sub-menu page is selected, but will not show up when I am not on the menu item or when I hover on it.

If anyone can spot something I’m missing I’d appriciate it.

I am using the following code (have tested ‘office-details.png’ for the current item and that works, so not the image) –

#toplevel_page_office-details-editor div.wp-menu-image{
	background: transparent url(office-details.png) no-repeat scroll 6px 7px;
}
#toplevel_page_office-details-editor:hover div.wp-menu-image,
#toplevel_page_office-details-editor.wp-has-current-submenu div.wp-menu-image,
#toplevel_page_office-details-editor.current div.wp-menu-image{
	background: transparent url(office-details_live.png) no-repeat scroll 6px 7px;
}

And this is produced by wordpress, which seems like it should allow the above to work but for one reason or another it is not.

<li class=”wp-has-submenu menu-top toplevel_page_office-details-editor” id=”toplevel_page_office-details-editor”><div class=’wp-menu-image’>
</div><div class=”wp-menu-toggle”>
</div>Office Details
<div class=’wp-submenu’><div class=’wp-submenu-head’>Office Details</div>

<li class=”wp-first-item”>Office Details
• Function Library

</div>

Thanks.