Html：

<div>
<div class="topImg">
<div class="topImg_No1"><img src="images/gc_logo.png" width="470" height="52" /></div>
<div class="topImg_No2"><img src="images/gc_Contact-phone.jpg" width="200" height="79"/></div>
</div>
<div class="Navigation">
<center>
<ul>
<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>
</center>
</div>

<div style="width:1000px; height:500px; background-color:#666;"></div>

css:

body{
margin:0px;
padding:0px;
font-size:12px;

}
xianshi{
width:1000px;
margin:0px auto;
}
/*-----------顶部*/
.topImg{
margin:0px;
padding:0px;
height:80px;
width:1000px;

}
.topImg_No1{
margin:0px;
padding:0px;
height:52px;
line-height:52px;
width:470px;
margin-top:13px;
float:left;
}

.topImg_No2
{
margin-top:0px;
padding:0px;
margin-right:10px;
text-align:right;
}
.Navigation{
width:1000px;
background-color:#006bb9;
height:34px;
}
.Navigation ul{
margin:0px;
padding:0px;
height:30px;
width:1000px;
}
.Navigation li {

margin:0px;
padding:0px;
position:relative;
text-decoration:none;
list-style:none;
font-weight:bold;

float:left;
width:100px;
height:30px;
font-family:"微软雅黑";
text-align:center;
vertical-align:middle;
line-height:30px;
font-size:16px;
}
.Navigation a{
text-decoration:none;
color:#FFF;
}

.Navigation a:hover{
color:#aedbea;
}