Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 736
  • Last Modified:

Custom bullet not showing in unordered list from external css sheet

My custom bullet is not appearing in my unordered list on my web page.  I am using a separate css styles sheet and everything else on the sheet is working on my web page.
/* side navigation rules */	
#nav-menu ul
{list-style-type: square;
list-style-image: url(/images/arrowbullet.gif);
padding: 0;
margin: 0;}
#nav-menu li
{float: left;
list-style-type: square;
list-style-image: url(images/arrowbullet.gif);
margin: .2em .2em .2em 0.15em;}
#nav-menu li a
{background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 13em;
display: block;
border-bottom: 1px dotted #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: left;}
/* Hide from IE5-Mac \*/
#nav-menu li a
{float: none}
/* End hide */

Open in new window

1 Solution
David S.Commented:
If I remember correctly, some browsers won't display list-item markers on floated elements.

I recommend you use a non-repeating background image as a much better alternative.

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now