求解啊 為什么第二個li不能顯示出來
<!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>
<meta ?http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>淘寶搜索</title>
<style>
*{margin:0;padding:0}
body{font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;}
a{text-decoration:none}
@font-face{
font-family: iconfont;src:url(http://at.alicdn.com/t/font_1404975816_925991.eot);
src:url(http://at.alicdn.com/t/font_1404975816_925991.eot?#iefix) format("embedded-opentype"),
url(http://at.alicdn.com/t/font_1404975816_925991.woff) format("woff"),
url(http://at.alicdn.com/t/font_1404975816_925991.ttf) format("truetype"),
url(http://at.alicdn.com/t/font_1404975816_925991.svg#uxiconfont) format("svg")}?
.search-container{margin:30px auto;width:700px;overflow:hidden;position:relative}
.search-tips a{color:#6C6C6C}
.search-tips{padding:5px 7px;float:right}
.search-button {float:right}
.btn-search{width:100px;height:45px;color:#FFFFFF;background:#FF4500;border:none;cursor:pointer;font-size:20px;font-weight:bold;line-height:16px;}
.search-common-panel{height:39px;background:#f50;overflow:hidden;padding:3px 0 3px 3px ;width:520px;float:right}
.search-common-panel input{height:39px;line-height:39px;border:0 none;outline:0;background:#fff;width:100%;text-indent:80px;}
.iconfont{font-family:iconfont;font-size:12px;font-style:normal}
.search-common-panel i{position:absolute;top:14px;left:125px;z-index:2;color:#ccc}
.search-list{position:absolute;left:42px;top:3px;width:72px;height:39px;overflow:hidden;background:#FFFFFF;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.search-list li{height:39px;line-height:39px;overflow:hidden;text-align:center}
.search-list li a{color:#6c6c6c}
.selected{background:#f6f6f6}
.trigger-hover{height:auto}
</style>
</head>
<body>
<div class="search-container">
? ? ? <div class="search-list" id="search-tab">
? ? ? <ul>
? ? ? ? ? <li id="tab_1" class="selected"><a href="#">寶貝</a></li>
? ?<li id="tab_2"><a href="#">店鋪</a></li>
? </ul>
?</div>
?<div class="search-pannel">
? ? <form>
? ?<div class="search-tips ">
? ? ?<a href="#">高級<br/>搜索</a>
</div>
<div class="search-button ">
?<button class="btn-search" ?type="submit">搜索</button>
</div>
<div class="search-common-panel ">
?<input type="text" />
?<i class="iconfont"></i>
</div>
</form>
?</div>
</div>
<script>
? ?var getDOM=function(id){
? ?return document.getElementById(id);
? ?}
? ?var addEvent=function(id,event,fn){
? ? ? ?var el=getDOM(id)||document;
? if(el.addEventListener){
? ? ? el.addEventListener(event,fn,false);
? }
? else if(el.attachEvent){
? ? ? ?el.attachEvent('on'+event,fn);
? }
? ?}
? ?addEvent('search-tab','mouseover',function(){
? ?this.className+=' trigger-hover';
? ?})
</script>
</body>
</html>
