Bullets not displaying in IE

[dirt29]

I'm in need of some help.

Basically, I have my style sheet setup to where I have my main LI elements defined and I also have a set called #left_nav_text defined. I have some small image bullets set in the CSS to display in front of each element in my menu.

The issue I'm running into is that it displays fine in Firefox, but in IE no bullets are being displayed.

I'll give you the code from my style sheet.



li {
float: left;
position: relative;
width: 100px;
text-align: center;
cursor: default;
font-size: 11px;
list-style: none;


} <--Main LI for page


#left_nav_text li {
list-style-image:url(images/bullet.gif);
width: 193px;
text-align: left;
float: left;
} <-- For sub menu



Can someone telling me what I'm doing wrong here or how to fix this for IE?

[The Little Guy]

Try changing
#left_nav_text li
to
#left_nav_text ul
and add single quotes around the file name

[dirt29]

Ok, I'm really stuck now.

I couldn't get it to work using bulleted lists, so I changed it to this:



#left_nav_text li {
display: inline;
background-image:url('images/bullet.gif');
background-repeat: no-repeat;
background-position: left;
text-align: left;
width: 185px;
margin-left: 25px;

}



And in FF, no issues...but in IE the behavior is really strange...

When you intially load the page, the items are not indented at all. However, if you refresh, they jump to the left.

Here's the URL if someone wants to check it out: http://easyedit.cierratech.com/trimechsolutions/http/tech_support.html

I'm in dire need to get this working and I can't figure out why it's acting like this in IE.

[The Little Guy]

I don't see a difference when I refresh.

[The Little Guy]

where you have list-style:none; That is what is making the image bullets not show up. If you remove all of those, then It will work.