overriding - CSS padding keeps inheriting

Question

I'm making a dropdown menu, but all the styles from the first ul is being added to the styles on every ul beneath the first ul.

I've tried overriding the styles using !important, and moving the css to different levels. Anyone got a clue about whats going on here?

This image probaly explains it the best way: http://screencast.com/t/UrkRbjjaYctp

Thanks.

Answer 1

#menuwrapper > ul{
padding-left:37px;
}
#menuwrapper ul ul {
padding-left:40px;
}

This should solve your issue