Why does the root item hover CSS style stop working when the IndicateChildren property is set to "True" for the DNN NAV control?

The reason why it doesn't work is there's an inline style on the "Indicate Children" attribute you defined.

background-image: url(/images/menu_down.gif); background-repeat: no-repeat; background-position: right center;

This overrides your CSS values on skin.css file. You either loose the arrow when hovering to the item or keep the arrow and not having the hover state.

Cuong Dang
Co-founder: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox

Another way to add drop down arrows to your DNN navigation menu is to go to the page settings for each root item with children and disable them. After disabling, I added a ▼ symbol (alt + 31) to the page name.