css - Internet Explorer でのみナビゲーション メニューに表示される箇条書きを削除するにはどうすればよいですか?

Question

インターネットエクスプローラーに問題があります。私は CSS と html を使用してメニューを作成しており、他の Web ブラウザーではすべて正常に動作しますが、Internet Explorer の場合、メニュー項目にカーソルを合わせると箇条書きが表示されます。それらはすべてCSSで隠されています.list-style: none要素をどこにでも追加しようとしましたが、何も機能していません. 何か案は？！

ウェブサイト: http://www.carrallinson.com

CSS についてさらに情報を追加できますが、すべてがかなり複雑です。スニペットとして:

.main-navigation ul ul li {
    padding: 0;
    text-align: left;
    list-style: none;
}
.main-navigation ul ul li:hover,
.main-navigation ul ul li.focus {
    background: #fff;
    opacity: 1.0;
    list-style: none;
}

それが混乱しているものです。すべて「なし」と記載されているのに、なぜか現れる!?