ul中li的问题
<style type="text/css">
*{margin:0;padding:0}
div{width:600px;height:33px;margin:0 auto;border-left:1px solid #8DD8D4;border-bottom:1px solid #8DD8D4;}
ul{list-style-type:none;}
ul li{ float:left;}
ul li a{border-top:1px solid #8DD8D4;border-right:1px solid #8DD8D4; display:block;font-size:14px;padding:0 15px;text-decoration:none;text-align:center;background:none repeat scroll 0 0 #F5FCFB;height:32px; line-height:32px;}
ul li a.cur{height:33px;}
</style>
</head>
<body>
<div>
<ul>
<li><a href="#" class="cur">当季热门</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>
</body>
</html>