How to replace non-collapsed items with pictures? worked in FF2, broken in FF3

[david_hagadol@…]

userChrome.css

/* Adds Bookmarks icon to the TinyMenu extension */
/* Firefox 2 */
/*
menu#bookmarks-menu {
   background-color: transparent !important;
   background: 50% 50% no-repeat url("Bookmarks.png");
   width: 40px;
}
menu#bookmarks-menu:hover {
   background-color: white !important;
   background: 50% 50% no-repeat url("Bookmarks.png");
   width: 40px;
}
menu#bookmarks-menu > label {
    display: none;
}
*/

/* Firefox 3 */
menu#bookmarksMenu[mode='image'] {
   background-color: transparent !important;
   background: 50% 50% no-repeat;
   list-style-image: url("Bookmarks.png") !important;
   width: 40px;
}
menu#bookmarksMenu:hover {
   background-color: white !important;
   background: 50% 50% no-repeat;
   list-style-image: url("Bookmarks.png") !important;
   width: 40px;
}
menu#bookmarksMenu > label {
   display: none;
}

[david_hagadol@…]

Sorry, I mixed up the images. Here are the correct images:

[david_hagadol@…]

david_hagadol@…

[david_hagadol@…]

Fixed image in Firefox 3