[Solved] Bullets not showing in IE

[jafu]

Hi, this is my first post here and I hope someone can help me with a strange problem. I’ve made a site and everything is working fine except that my bullets don’t show in IE…

This is my CSS code for my menu:

#menu{
float: left;
left: 25px;
position: relative;
z-index: 100;
bottom: 45px;
}

#menu ul{
width: 100%;
padding: 7px 0;
margin: 0;
}

#menu ul li{
float: left;
list-style-position: inside;
padding-right: 21px;
list-style-image: url(../images/bullet.png);
}

#menu ul li a span{
color: #202020;
margin: 0;
text-decoration: none;
font: 16px “Granjon LT Std”;
text-transform: uppercase;
padding-left: 21px;
vertical-align: -3px;
}

#menu div.moduletable_menu ul.menu li.item1 {
list-style-image: none;
list-style-type: none;
}

#menu li#current a span,
#menu ul a:hover span {
color: #d62875;
}

Anyone who can tell me what I’m missing? Why isn’t it working? :-(

[Bob]

I’d say thats because you have list-style-image: none; list-style-type: none; in your css, but I’m not sure. Could we see some html as well?

[zackw]

or the site itself

[jafu]

It works in all browsers except IE for the clarity. The list-style-image: none; and list-style-type: none; is only for the first list item (since I don’t want a bullet for the first item, only the rest).

The site is not yet live, whereby I can’t send you a link to it. Don’t manage to paste my HTML code for some reason (it doesn’t show in the post), but it’s just in its own div inside a header div.

[zackw]

#menu ul li{
float: left;
list-style-position: inside;
padding-right: 21px;
list-style-image: url(../images/bullet.png);
}

im guessing thats your problem.. instead of list-style-image i would do
background:url(../images/bullet.png) no-repeat left;
and then use left padding to push out the text, but its hard to tell without seeing it

[zackw]

ctrl-c brings up the code option in these posts

[jafu]

What a wonderful help! The trick with background:url… did it!

Thanks!

P.S. Thanks for the information on how to paste code.

[Arkan]

what worked for me in IE11:
li {
list-style: disc;
list-style-position: inside;
}

[Author]

Posts