SOURCE

<h1 >网络书城</h1>
<div style=" background-color:#aaaaaf;" id="head">
  <a href="#">
  Hello，请登录
  </a> &nbsp
  <a href="#">
  免费注册
  </a></div>
<div id="menu">
    <div id="logo">
      <img src="http://www.zhujianbook.com/templets/default/images/logo.gif" alt="" seyle="float:left"/>
    </div>
  <div class="nav-srh">
        <form class="search_form" method="get" id="bdcs-search-form" action="//s.51shucheng.com/cse/search" target="_blank">
        <input type="hidden" name="s" value="18328509396291505865">
        <input type="hidden" name="entry" value="1">
        <div class="inp">
                <span><input name="q" type="text" title="" size="22" maxlength="60" value="" name="s" id="bdcs-search-form-input" autocomplete="off" dir="ltr" placeholder="输入书名搜索..."></span>
                <span><input class="bn-srh" type="submit" id="bdcs-search-form-submit" value="搜索"></span>
            </div>
		</form>
</div>
<div id="wrap">
  <ul>
    <li><a href="#" >DK百科</a></li>
    <li><a href="#">A仔故事</a></li>
    <li><a href="#" >食帖</a></li>
    <li><a href="#" >灾难求生</a></li>
    <li><a href="#">童书</a></li>
    <li><a href="#" >教辅</a></li>
    <li><a href="#">小说</a></li>
    <li><a href="#">文学</a></li>
    <li><a href="#" >传记</a></li>
    <li><a href="#">保健</a></li>
    <li><a href="#">养生</a></li>
    <li><a href="#" >新书</a></li>
  </ul>
 </div>
</div>

h1{
  text-align: center;
}
a { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
#menu{
  position: relative;
  border: 1px solid red;
  background-color: #00FFFF;
  height:60px;
}
#logo {
  display: inline-block;
}

#logo img{
  height:60px;
  width:80%;
  float:left;
}
.nav-srh {float: left;height: 38px; width:372px;padding-left: 5px;background: url(images/search-bg.png) no-repeat 0 0;margin:5px 0 0 20px; overflow:hidden}
.nav-srh form {padding: 0 1px 0 0;height: 38px;background: url(images/search-bg.png) no-repeat 100% 0;}
.nav-srh .inp {position: relative;z-index: 40;}
.nav-srh .inp {position: relative;padding-top: 5px;width: 366px;}
.nav-srh input {float: left;width: 300px;height: 26px;line-height: 26px;border: 1px solid #A6D098;background: white;padding: 0 2px;-webkit-appearance: none;-webkit-border-radius: 0;margin-right: 3px;vertical-align: middle;}
.nav-srh  {width: 54px;height: 29px;font-size: 13px;padding: 1px 0 3px 3px;border: 0;background: transparent url(images/search-bg.png) no-repeat 0 -100px;cursor: pointer;letter-spacing: 3px;text-align: center;}
#wrap {
   background-color: #C0C0C0;
  float:left;
  width:100%;
  height:29px;
  margin:0 50px 0 15px;
  display:inline;
  padding:0;
}
#wrap ul  {
  list-style:none;
  display:inline;
}
#wrap ul li {
  float:left;
  padding-left:20px;
  padding-top:5px;
}
#wrap ul li a {
  font-family:"黑体";
  font-size:16px;
}