I have setup a gradient menu container and want to display a different image on hover however the menus with sub pages do not apply the image as specified by the background-image. But oddly the menu items that do not have sub pages display the background-image correctly. Using firefox I don't see any decernable difference in the css being applied to the menu items.

.main_dnnmenu_itemhover { 
 cursor: pointer;
 cursor: hand;
 color: #e13a27 ;
background-image: url(gradient_DkBlue.jpg); 
 height:32px;
}

.main_dnnmenu_itemhover span {

 color: #e13a27 ; /* red */

}

.main_dnnmenu_itemhover td { 
 color: #e13a27 ;
 /*background-color: #215195; */
background-image: url(gradient_DkBlue.jpg); 
 height:32px;
 padding: 1px 5px 1px 5px; 

}