CSS Menu Drop Down And Z-Index - css

Question

Ok, I have two problems.
NOTE: the CSS will be posted below the two problems I'm having.
Problem #1 - I have a Dropdown Menu composed with CSS but I can't figure out how to add bullet points to them. When I make a #nav .li {list-style:disc;list-style-position:inside;} for some reason in Internet Explorer, the discs are appearing above the lists while in Chrome they appear on the left hand side of the text sigh IE
Problem #2 - Ok, for some reason in Internet Explorer (yet again) when Z-index is paired up with border-radius, they don't want to work. Is there any effective fix to this? I've tried searching everything and IE 9 was supposed to fix this but as we all know, IE is always a royal pain when trying to make sites that contain any kind of CSS3 what so ever.
The CSS Code For The Nav Menu
/* THE CSS MENU * KEEP COLORS:#1B1B1B, #808080, #282828, #FFD100*/
#nav {float:left;margin:0;padding:0;}
#nav li .sub {list-style-image:disc;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: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#1B1B1B'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.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: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#000000'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.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%;padding: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;}
Here is the CSS code for the two images that should have rounded borders but do not in IE
#main-bottom {width:1030px;height:40px;margin:0 auto;position:absolute;z-index:2;left:-20px;bottom:-15px;box-shadow: 0 3px 10px #000;border-top-left-radius:60px;border-top-right-radius:60px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1B1B1B), to(#808080));
background: -webkit-linear-gradient(top, #1B1B1B, #808080);
background: -moz-linear-gradient(top, #1B1B1B, #808080);
background: -ms-linear-gradient(top, #1B1B1B, #808080);
background: -o-linear-gradient(top, #1B1B1B, #808080);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1B1B1B', endColorstr='#808080'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1B1B1B', endColorstr='#808080')"; /* IE8 */
}
#post-footer-bottom {width:1030px;height:40px;margin:0 auto;position:relative;z-index:2;top:80px;box-shadow: 0 -3px 10px #000;border-bottom-left-radius:60px;border-bottom-right-radius:60px;
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: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#1B1B1B'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#1B1B1B')"; /* IE8 */
}