Question : Positioning graphic bullet in list

Hello

Please look at this page:

http://californiadanny.com/web-links

Look at the item about half way down starting with the words: SWEDISH FLAGS - Photo

It is using a list bullet graphic with the name dot.png

I am trying to position the graphic bullet so that it is flush left with some space to the right before the text begins.

Right now, with the below code you can barely see the right side of the bullet showing (it's a yellow dot with a thin red line around it. The left side of the bullet "disappears"

I assume the problem is with margin or padding.

Can you help me fix the below code so that the bullet is visible and flush left with some padding on the right before the text starts.

Thanks

Rowby

         
           
           
          }
div#swedish_dots ul {
list-style-type: none;
padding: 0;
margin: 0;
margin-left: 1em;
}


div#swedish_dots li {
background-image:url("dot.png");
background-position:-10px 0.4em;
background-repeat:no-repeat;
padding-left:0.6em;
}

           
         

Answer : Positioning graphic bullet in list

Hi, I do not use Expression Web, I use Visual Studio, I would use the DynamicMenuItemStyle, here is the markup:

<asp:Menu BackColor="Gainsboro" ID="Menu1" runat="server">

<DynamicMenuItemStyle BackColor="#FFCCFF" BorderColor="#009999" BorderStyle="Dotted" BorderWidth="1px" />

<Items>
...
....
..
</Items>
</asp:Menu>