Hi,

I'm creating a skin.  I wanted a custom style for the li tag.  To avoid hitting the menu I wrapped my entire page in a div with id="Content" so I could write the css rule based on:

#Content ul li

This works fine in my skin - it targets my lists and misses the menu. BUT - when I hover over the Manage button the popped up menu is trashed by my style changes.

I added another rule based on

#Content .dnnActionMenu ul li

To reverse my rule back to the rule in default.css.  This is not very nice as I have to duplcate what's already there.

Is there a better way for me to avoid hitting the styles used by the pop-ups?

Thanks

Just had the same issue on a mobile skin I'm working on and I looked into it again.

I solved it by using the DNNModuleContent class:

.DNNModuleContent ul, .DNNModuleContent li{padding:0;margin:0;}
.DNNModuleContent li{padding-left:1em; list-style-type:none; background:transparent url(Img/UlDot.png) left center no-repeat;}

I don't have strange dots in the manage lists now.. (while with .Normal you would)

I'll write a blog post about this somewere next week.

Found this does not completely solve the "issue" .

Logged it here: http://support.dotnetnuke.com/issue/ViewIssue.aspx?id=21714&PROJID=2