Internet Explorer 11 ignores list-style:none on the first load

Question

Reply to Peter:

No idea if this would be better. Copied from the jquery git

list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

I had a similar issue in IE11 and setting the list-style for the ul didn't solve it. But I found the following solution here which did work for IE11:

.sf-arrows li {
    list-style-image: url(data:0);
}

Documented here

Had the same problem. It's a bug in ie 10 and 11. list-style: none doesn't get applied if the list also has styles display: none in an external style sheet. It works if you apply display none inline on the element and remove it from the external css.

<ul style="display: none;"></ul>

I had exactly the same problem in IE 11.

Adding an inline style to the <ul> element worked for me:

<ul style="list-style: none;">

Setting list-style: none in an external CSS file did not seem to work.

Add the style to the UL

.flexnav ul {
    list-style: none;
    list-style-image: none;
    list-style-type: none;
}