Trying to Tweak Drop Down Menu

Hi everyone,

I’m trying to put a list-style:circle or list-style:square to the <a> tags inside of my drop down div, but the list bullets always appear outside of the block! Why is that?

I tried:


#pMenu li li{
        width:100%;
	padding-top:2px;
	padding-bottom:5px;
	padding-left:4px;
	text-align:left;
	list-style:circle;
}

&


#pMenu div a{
        list-style:circle;
   /*other styles*/

Try

ul {list-style-position: inside;}

Hmm, that didn’t work. I added #pMenu ul{list-style-position:inside;} to the dropdownmenus.css file, and I also added ul{list-style-position:inside;} to the main.css file.