消除页脚

我试图删除多余的线在页脚中的额外的空间，我想修改我的CSS，但它没用，我在网页上有4点CSS的ID content，search，button_style和ad这充当我的页脚这里，我需要删除页面下方的蓝线，你在截图中看到的porblem，这里是我的代码消除页脚

#content { 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    border: 6px solid #BDF4FC ; 
    width: 50%; 
    height: 150px; 
    margin: 0px auto; 
    text-align: left; 
    padding: 15px; 
    margin-top: 10%; 
    background-color: #ffffff; 

} 

#search { 
    height: 42px; 
    border: medium solid #63D1F2; 
    font-size: 24px; 
    font-style: normal; 
    color: #CCC; 
    font-weight: bolder; 
    vertical-align: middle; 
    margin-left:7%; 
    margin-top:7%; 
    position:relative; 
    text-indent:10px; 


} 

#button_style { 
    background-image: url(images/search_button.png); 
    height: 44px; 
    width: 92px; 
    background-color: #FFF; 
    border: 0px none #FFF; 
    vertical-align: middle; 
    margin-top:7%; 
    margin-left:1px; 
} 

#ad { 
    width:auto; 
    height:190px; 
    background-color:#FFF; 
    margin-top:5%; 
    border-top-width: 10px; 
    border-top-style: solid; 
    border-top-color: #12ADDA; 
    border-right-color: #EDEDED; 
    border-bottom-color: #EDEDED; 
    border-left-color: #EDEDED; 
    padding-top:40px; 
    float: none; 

} 

<body> 
<div id="buttonsmenu"> 
HOME | LOGIN | REGISTER | ABOUT US | HELP 
</div> 


<div id="content"> 

<form action="" method="get"> 
<input name="search" type="text" id="search" onfocus="clearContents(this);" onchange="RestContents(this);" value="Search Reservation" size="40" /><input type="submit" value="" id="button_style"/> 
</form> 
</div> 
<div id="ad"></div> 
</body> 
</html>

有什么建议？

how to remove the extra blue line