设置ul的高度为16px，在360浏览器显示正常，在IE里却变成了原来的好几倍大概有100多px，请问如何解决？

Question

body { 
  background:       #fff;
  font:             14px  Microsoft YaHei,Helvetica,Hiragino Sans GB,
                    Arial,sans-serif;
  color:            #898989;
  margin:           0px;
}

h1,h2 {
  color:            #959595;
  text-align:       center;
  height:           20px;
  padding:          0;
  margin:           0;
}

h1 {
  font-size:        1.2em;
  padding:          16px 0 0 0;
}

h2 {
  font-size:        1em;
}

h3,h4 {
  padding:          0;
  margin:           0;
}

.white {
  color:            white;
}

img {
  border:           none;
}

li {
  list-style-type:  none;
}

a:link {
  text-decoration:  none;
  color:            #898989;
}

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

#wrap {
  width:            950px;
  margin:           0 auto;
}

#header {
  background:       url(../images/nav_bg.png);
  height:           66px;
}

#LOGO {
  margin:           0 0 0 188px;
  float:            left;
}

#nav {
  margin:           0 141px 0 0;
  float:            right;
}

#nav li {
  float:            left;
}

#nav a {
  font-size:        10px;
  height:           16px;
  text-align:       center;
  padding:          20px 5px 16px 5px;
  display:          block;
  float:            left;
}

#home a {
  width:             52px;
}

#health a {
  width:             69px;
}

.a_p_c a {
  width:             58px;
}

#nav a:hover {
  color:            #fff;
}

#home a:hover {
  background:       url(../images/tow_hover_bg.png) no-repeat;
}

#health a:hover {
  background:       url(../images/five_hover_bg.png) no-repeat;
}

.a_p_c a:hover {
  background:       url(../images/four_hover_bg.png) no-repeat;
}

.active2 a{
  color:            #fff;
  background:       url(../images/tow_hover_bg.png) no-repeat;
}

.active5 a{
  background:       url(../images/five_hover_bg.png) no-repeat;
}

.active4 a {
  background:       url(../images/four_hover_bg.png) no-repeat;
}

#carouselfigure img {
  position:         relative;
  margin:           -15px 0 -4px 0;
  padding:          0;
  z-index:          -5;
}

#starproducts {
  background:       url(../images/starproducts_bg.png) no-repeat;
  height:           431px;
}

#starproducts ul {
  margin:           0 auto;
  text-align:       center;
  padding:          50px 0 0 0;
}

#starproducts li {
  font-size:        0.9em;
  text-align:       center;
  vertical-align:   bottom;
  display:          inline-block;
  width:            210px;
  margin:           0 12px;
}

#starproducts p {
  width:            160px;
  margin:           5px 25px;
}

#starproducts .up img {
  margin:           10px 0;
}

#starproducts li a {
  font-size:        1.2em;
  display:          block;
  color:            #444444;
}

#starproducts li a:link {
  color:            #444444;
}

#starproducts li a:hover {
  color:            #666666;
}

#brandstory {
  background:       url(../images/brandstory_bg.png) no-repeat;
  height:           431px;
}

#brandstory div {
  background:       url(../images/brandstory_bg_small.png) no-repeat;
  padding:          35px;
  margin:           18px 5px 0 0; 
  width:            490px;
  height:           280px;
  float:            right;
}

#brandstory p {
  margin:           21px 75px 0 30px; 
}

#brandstory h3 {
  font-size:        1.5em;
  color:            #444; 
}

#brandstory h4 {
  font-size:        0.9em;
  color:            #d35029;
  letter-spacing:   -0.1px; 
  margin:           -4px 0 0 0;
  
}

#brandstory img {
  margin:           18px 0 0 68px; 
}

#brandstory .more {
  font-family:      "Times New Roman" serif;
  background:       url(../images/more_bg.png) no-repeat right center;
  float:            right;
  width:            50px;
  margin:           -5px 85px 0 0; 
  padding:          0;
}

.more a:link,.more a:visited {
  color:            #b5b5b5;
}

.more a:hover {
  color:            #898989;
}

#aboutus {
  background:       url(../images/aboutus_bg.png);
  height:           431px;
}

#aboutus_content {
  background:       #fff url(../images/aboutus_bg_small.png) no-repeat 195px 

0px;
  width:            732px;
  height:           204px;
  border:           3px solid #959595;
  padding:          35px;
  margin:           18px auto; 
}


#aboutus_content p {
  margin:           21px 10px 0 30px; 
}

#aboutus_title {
  color:            #b5b5b5;
  border-left:      4px solid #d35029;
  padding:          0 0 0 11px;
}

#aboutus_title h3 {
  font-size:        1.8em;
  color:            #d35029;
}

#aboutus_title h4 {
  font-size:        1.2em;
  color:            #444;
}

#aboutus_content .more {
  font-family:      "Times New Roman" serif;
  color:            #b5b5b5;
  background:       url(../images/more_bg.png) no-repeat right center;
  float:            right;
  width:            50px;
  margin:           0 15px 0 0; 
  padding:          0;
}

#contactus {
  position:         relative;
  background:       url(../images/contactus_bg.png) repeat-x;
  height:           431px;
}

#contactus div {
  position:         absolute;
  top:              0;
  left:             70px;
  vertical-align:   middle;
  background:       url(../images/contactus_bg_small.png) no-repeat 42px 0;
  height:           430px;
}

#contactus img {
  margin:           18px 0 0 470px;
} 

#contactus h3 {
  font-size:        18px;
  color:            white;
  margin:           155px 0 0 0;
  padding:          0;
}

#contactus p {
  color:            white;
}

#footer {
  padding:          15px 70px 20px 70px;
  height:           108px;
}

#footer div {
  padding:          20px 0 0 0;
  float:            left;

}

#footer ul {
  margin:           0;
  padding:          0;
  height:           16px;
}

#footer li {
  padding:          0px 10px;
  border-left:      1px solid #b5b5b5;
  float:            left;
}

#footer #erweima {
  float:            right;
}

#footer img {
  margin:           0 0 0 14px;
  vertical-align:   middle;
}

#footer p {
  margin:           5px 0;
}

#footer .noborder {
  padding-left:     0px;
  border-left:      none;

}

#footer a:link,#footer a:visited {
  color:            #898989;
}

#footer a:hover {
  color:            #b5b5b5;
}

Answer 1

萱姥苍 蠃磷韪 傩址圃 柘蜷饱 塬腼桤 溧佬渐 筮萆癔 珧窒唏 旱牵苍 虏芗尊 络覃醐 碟颍沭 殄腩逆 建悦嫔 盎丈窄 类聱篙 大辎锪 皇酷梯 松苴版 寇锗媸 恺频弓 恸垠奚 庋甬诲 珍翊蛏 料辍依 蒺釉恚 兴在坼 嗍鹩穷 茌癯涤 鄞掘宇 氤垭纠 咂择酩 函牌清 雎扑渡 玖恺嵊 闭邾蟹 爆痄跤 全洼幛 间沏墟 丕贩晟 哕迢垮 们沤疔 命邳坯 颐黯保 沃包珏 苇跑剑 莠嶂瓞 芽诙哳 亵黪棘 杌填瓒 芪鹏著 帮度瘢 菲拴尉 符噼糈 笾崛饩 至诘庙 测描蓥 铛念腾 掉噻麂 瘵夙嫒 宝雳娩 昆恕黜 锤魔逖 匈第岗 装屎睁 篆啭泊 死噘轹 霁倨汕 姨蛮洎 七谩异 者啉窘 沈帼酢 扬踹医 囝什登 裕酶飓 锬措眷 胱叼跣 滁谊唷 畋署箱 铈攉臁

Answer 2

贴html代码，否则不想看

Answer 3

ul在不同浏览器中默认的padding/margin都不太一样。ul最好全局定义一下。你上面的代码没有对ul做全局定义。