想修改下拉菜单的样式,谁帮帮我
如下代码,显示一个下拉菜单,大家可以运行看一下,其中子菜单的样式我不满意,1,想把子菜单的下划线去掉,不知道该怎么去掉,
2,子菜单的颜色在哪里改啊?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<title> ÎÞ±êÌâÎĵµ </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " >
<style type= "text/css "> body { margin: 0px 0 20px 0; background-color: #ffffff; text-align: center; }
a img { border: none; }
#navBar ul li { list-style-type: none; display: block; float: left; }
/* Dropdowns */ #nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav a { display: block; }
#nav li ul { position: absolute; left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li ul li a { background-color: #303030; color: #f2f2f2; font-size: 12px; padding: 5px 0 2px 7px; border-top: 1px solid #fff; font-weight: bold; }
#nav ul li a:hover { text-decoration: none; background-color: #415166; color: #fff; font-size: 12px; font-weight: bold; }
/*#nav ul li a.last { border-bottom: none; }
*/ #subMenuAbout, #subMenuAbout li a, #subMenuAbout li a:hover {width: 100px;}
#subMenuServices, #subMenuServices li a, #subMenuServices li a:hover {width: 100px;}
#subMenuPortfolio, #subMenuPortfolio li a, #subMenuPortfolio li a:hover {width: 180px;}
#subMenuResour