我这哪里写错了，只能框出不来
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" http-equiv="X-UA-Compatible" content="IE-edge">
<title>input demo</title>
<style type="text/css">
body{
background: #333;
}
.bg-div{
background-image: url(img/river.jpg); width:1228px; height:690px;
margin: 0 auto;
position: relative;
}
.logo{
margin: -4px 18px 0 0;
background-image: url(img/logo.png);width: 107px;height: 53px;float: left;
}
.search-box{position: absolute;top: 200px;left: 300px;}
.search-form{float: left;background: #fff;padding: 5px;}
.search-button{border: 0; background-image: url(img/search-button.png);width: 29px;height: 29px;float: right;cursor: pointer;}
.search-text{border: 0;float: left;height: 25px;line-height: 25px;outline: none;width: 350px;}
.suggest{background: #FFFFFF;width: 388px;border: 1px solid #999;}
.suggest ul {list-style: none;margin: 0;padding: 0;}
.suggest ul li {padding: 3px;font-size: 14px ;line-height: 25px;color:#777;cursor: pointer;}
.suggest ul li:hover{text-decoration: underline;background-color: #e5e5e5;}
</style>
<body>
<div class="bg-div">
<div class="search-box">
<div class="logo"></div>
<form action="https://cn.bing.com/search" target="_blank" id="search_form" class="search-form" method="get">
<input type="text" class="search-text" name="q" id="search-input" autocomplete="off"/>
<input type="submit" class="search-button" value=""/>
</form>
</div>
</div>
<div class="suggest" id="search-suggest" style="display: none">
<ul>
<li>搜索结果1</li>
<li>搜索结果2</li>
<li>搜索结果3</li>
</ul>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<!--<script src="js/jquery-1.11.1.min.js"></script>-->
<script>
$('#search-input').bind('keyup',function(){
$('#search-suggest').show().css({
top:$('#search-form').offset().top+$('#search-form')+10,
left:$('search-form').offset(),
position:'absolute'
});
})
</script>
</body>
</html>
