Html 小下拉列表错误

我一直在为我的网站创建导航菜单，我使用了下拉框。第一个下拉列表效果很好，但是我的第二个下拉列表看起来就像是自己的下拉列表一样，你自己试试看：还有没有更简单的方法来制作我的div

<div id = "dropdown"><a href = "catalogue.html">PRODUCT CATALOGUE</a>
<ul id="dropdown-list">


<li>
    Vacuum Components
</li>

<li>
    Valve Components
</li>

<li>
    Roughing Components
</li>

<li>
    Vacuum Measurement
</li>

<li>
    Glass Components
</li>

<li>
    Electrical Feedthroughs
</li>

<li>
    Motion and manipulation
</li>

<li>
    Thin Film Products
</li>
</ul>
</div>


<div id = "dropdown2">REQUEST A QUOTE
<ul id ="dropdown-list">

<li>
    Request Print Catalouge
</li>

<li>
    Terms & Conditions
</li>

<li>
    Employment
</li>

</ul>
</div>

**演示**

body{字体系列：palatino-linotype；
背景：url（rngbackground.png）重复0；
}
p{
颜色：黑色；
字体系列：palatino linotype；
}
氢{
颜色：灰色；
}
h5{
颜色：灰色；
}
a{
颜色：黑色；
文字装饰：无；
}
a:悬停{
颜色：蓝色；
}
a:主动的{
颜色：黑色；
}
a:参观了{
颜色：无；
文本装饰：无
}
#家{
列表样式类型：无；
利润率：10px；
填充：10px；
边框：1px纯灰；
宽度：18.6%；
文本对齐：居中；
字体系列：Palatino Linotype；
字体大小：15px；
-moz外观：无；
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px#2961c1插页；
文本转换：大写；
背景：白色；
身高：2%；
位置：绝对位置；顶部：15%；左侧：2%；
}
#下拉列表：悬停ul#下拉列表{
显示：块；
边框：1px纯灰；
}
#下拉式{
填充：0px；
列表样式：无；
}
#下拉列表{
宽度：100%；
}
#下拉列表：悬停{
背景颜色：浅蓝色；
光标：指针；
字体系列：Palatino Linotype；
字体大小：15px；
-moz外观：无；
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px红色插图；
}
#下拉列表ul li a{
左侧填充：10px；
文字装饰：无；
}
/*完1*/
#下拉列表2：悬停ul#下拉列表{
显示：块；
边框：1px纯灰；
}
#下降2微升{
填充：0px；
列表样式：无；
位置：绝对位置；
保证金：0；
}
#下拉列表2 ul li{
宽度：100%；
}
#下拉列表2 ul li：悬停{
背景颜色：浅蓝色；
光标：指针；
字体系列：Palatino Linotype；
字体大小：15px；
-moz外观：无；
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px红色插图；
}
#下拉列表2 ul li a{
左侧填充：10px；
文字装饰：无；
}
/*完二日*/
#下拉列表{
宽度：100%；
显示：无；
填充：0px；
边际：0px；
字体系列：Palatino Linotype；
字体大小：15px；
-moz外观：无；
背景色：白色；
}
#下拉列表{
边框：1px实心浅灰色；
填充物：5px；
边际：0px；
光标：指针；
宽度：19.25%；
身高：3%；
文本对齐：居中；
位置：绝对位置；顶部：24%；左侧：2.6%；
字体系列：palatino linotype；
字体大小：15px；
-moz外观：无；
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px红色插图；
背景色：白色；
z指数：+10；
}
#下拉2{
边框：1px实心浅灰色；
利润率：10px；
填充：10px；
宽度：18%；
文本对齐：居中；
字体系列：Palatino Linotype；
字体大小：15px；
-moz外观：无；
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px红色插图；
位置：绝对位置；顶部：31%；左侧：2%；
字体系列：palatino linotype；
字体大小：15px；
-moz外观：无；
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px红色插图；
背景色：白色；
z指数：+9；
}

真空元件


阀门部件


粗加工部件


真空测量


玻璃元件


电气引线


运动与操作


薄膜产品


请求报价


请求打印Catalouge


条款与条件


就业

。下拉列表{
宽度：100%；
填充：0px；
边际：0px；
字体系列：Palatino Linotype；
字体大小：15px；
-moz外观：无；
背景色：白色；
位置：绝对位置；
最高：31%；
左：2%；
}
.下拉列表>li{
边框：1px实心浅灰色；
利润率：10px；
填充：10px；
宽度：18%；
文本对齐：居中；
字体系列：Palatino Linotype；
字体大小：15px；
-moz外观：无；
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px红色插图；
列表样式：无；
字体系列：palatino linotype；
字体大小：15px；
-moz外观：无；
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px红色插图；
背景色：白色；
z指数：9；
}
.下拉列表>li>ul{
显示：无；
} 
.下拉列表>li:悬停>ul{
显示：块；
位置：绝对位置；
背景：#fff；
边框：1px实心#000；
列表样式：无；
文本对齐：左对齐；
}
.下拉列表>li>ul>li:悬停{
-moz盒阴影：0 3px 0#ccc，0-1px#2961c1插图；
盒影：0 3px 0#ccc，0-1px红色插图；
}

真空元件


阀门部件


粗加工部件


真空测量


玻璃元件


电气引线


运动与操作


薄膜产品



请求报价


请求打印Catalouge

body {font-family: palatino linotype;
background: url(rngbackground.png) repeat 0 0;

}

p{
color:black;
font-family: palatino linotype;
}

h2{
color:grey;
}

h5{
color:grey;
}


a{
color:black;
text-decoration:none;

}

a:hover{
color:blue;

}

a:active{
color:black;
}

a:visited{
color:none;
text-decoration:none
}

#home{
list-style-type: none;
margin: 10px;
padding: 10px; 
border:1px solid grey;
width: 18.6%;
text-align:center;
font-family: Palatino Linotype;
font-size: 15px;
-moz-appearance: none;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #2961c1 inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #2961c1 inset;
text-transform:uppercase;
background:white;
height:2%;
position:absolute; top: 15%; left: 2%;

}

#dropdown:hover ul#dropdown-list{
display:block;
border:1px solid grey;

}
#dropdown ul{
padding:0px;
list-style: none;

}
#dropdown ul li{
width: 100%;
}
#dropdown ul li:hover{
background-color: lightblue;
cursor:pointer;
font-family: Palatino Linotype;
  font-size: 15px;
  -moz-appearance: none;
  -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #2961c1 inset;
  box-shadow: 0 3px 0 #ccc, 0 -1px red inset;
}
#dropdown ul li a{  
padding-left: 10px;
text-decoration:none;
}


/* end 1*/

#dropdown2:hover ul#dropdown-list{
display:block;
border:1px solid grey;

}
#dropdown2 ul{
padding:0px;
list-style: none;

}
#dropdown2 ul li{
width: 100%;
}
#dropdown2 ul li:hover{
background-color: lightblue;
cursor:pointer;
font-family: Palatino Linotype;
  font-size: 15px;
  -moz-appearance: none;
  -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #2961c1 inset;
  box-shadow: 0 3px 0 #ccc, 0 -1px red inset;
}
#dropdown2 ul li a{  
padding-left: 10px;
text-decoration:none;
}

/* end 2*/

#dropdown-list{
width: 100%;

display:none;
padding:0px;
margin:0px;
font-family: Palatino Linotype;
  font-size: 15px;
  -moz-appearance: none;

   background-color:white;
 }



#dropdown{

border: 1px solid lightgray;
 padding:5px;
 margin:0px;
 cursor:pointer;
 width:19.25%;
 height:3%;
 text-align:center;
 position:absolute;top:24%;left:2.6%;
 font-family: palatino linotype;
 font-size: 15px;
 -moz-appearance: none;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #2961c1 inset;
box-shadow: 0 3px 0 #ccc, 0 -1px red inset;
background-color:white;
z-index:+10;
}


#dropdown2 { 
border: 1px solid lightgray;
margin: 10px;
padding: 10px; 
width: 18%;
text-align:center;
font-family: Palatino Linotype;
font-size: 15px;
-moz-appearance: none;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #2961c1 inset;
box-shadow: 0 3px 0 #ccc, 0 -1px red inset;

position:absolute;top:31%;left:2%;
font-family: palatino linotype;
font-size: 15px;
-moz-appearance: none;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #2961c1 inset;
box-shadow: 0 3px 0 #ccc, 0 -1px red inset;
background-color:white;
z-index:+9;
}