Internet Explorer (even 9) has been nothing but a royal and complete pain in the ass thus far. I finally got a dropdown menu working via CSS and it works great in Firefox and Chrome. However! There's one major problem..

When ever I add a list-style-image or even a list-style-type tag, it appears above everything in Internet Explorer. I'll post the code below, and if anyone can figure out this problem or how to fix it i'll sign my soul to you.

PLEASE READ: To see the list effects, I have only added them to two areas at the moment. Diablo 3's "Class Guide" menu and the sub-menu "Barbarian" should have the list-style effects applied to them.

View the site in internet explorer to see the problem for yourself. http://www.kbwarriors.com/

Here's the code:
/* THE CSS MENU * KEEP COLORS:#1B1B1B, #808080, #282828, #FFD100*/

#nav {float:left;margin:0;padding:0;}
#nav li .sub {list-style-image:url(../images/list.png);list-style-position:inside;}
#nav li a, #nav li {float:left;/*border-radius: 40px 0 / 40px 0;*/}
#nav li {list-style:none;position:relative;z-index:100;}
#nav li a {padding: 8px 1.5em;text-decoration:none;color:white;border-right:1px solid #808080;border-left:1px solid #404040;border-top:1px solid #404040;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#1B1B1B));
background: -webkit-linear-gradient(top, #808080, #1B1B1B);
background: -moz-linear-gradient(top, #808080, #1B1B1B);
background: -ms-linear-gradient(top, #808080, #1B1B1B);
background: -o-linear-gradient(top, #808080, #1B1B1B);
filter: progidXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#808080', endColorstr='#1B1B1B'); /* IE6 & IE7 */
-ms-filter: "progidXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#808080', endColorstr='#1B1B1B')"; /* IE8 */
box-shadow: inset 3px 3px 15px #404040;
}
#nav li a:hover {background:#282828;color:#FFD100;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#000));
background: -webkit-linear-gradient(top, #808080, #000);
background: -moz-linear-gradient(top, #808080, #000);
background: -ms-linear-gradient(top, #808080, #000);
background: -o-linear-gradient(top, #808080, #000);
filter: progidXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#808080', endColorstr='#000000'); /* IE6 & IE7 */

-ms-filter: "progidXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#808080', endColorstr='#000000')"; /* IE8 */
box-shadow: inset 3px 3px 15px #000;
}
/* SUBMENU */
#nav li ul {display:none;position:absolute;left:0;top:100%;pa dding:0;margin:0;}
#nav li:hover > ul {display:block;z-index:100;}
#nav li ul li, #nav li ul li a {float:none;}
#nav li ul li a {width:150px;display:block;}

/* SUB SUB MENU */

#nav li ul li ul {display:none;}
#nav li ul li:hover ul {left:100%;top:0;}