CSS中ul li错位

[蔡志远]

我实在是崩溃了，求大家帮助~

错位图如下



CSS如下

#letter {
	width:512px;
	height:223px;
}

#letter ul{
   list-style-type:none;
	display:inline;
	margin:0; padding:0;
	width: 512px;
}
#letter ul li a{
	display:block;
	width: 68px;
	float: left;
	background-color: #EBF1F1;
	text-decoration: none;
	font-size: 24px;
	color: #421473;
	height: 35px;
	line-height: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C4D2DB;
	
	text-align: center;
	list-style-type: none;
	background-repeat: no-repeat;	
	
}
#letter ul li a:hover{
	font-size: 24px;
	float: left;
	line-height: 35px;
	text-decoration: none;
	background-color: #FFCF31;
	color: #421073;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C4D2DB;
	font-weight: bold;
}

我要让这些字母横排，结果就这样了，求助了！！！

[快乐无边]

#letter ul li {float:left} 对 li设置

[焱悠]

不需要过多的包含符
#letter li{float:left;}即可

[bhbhxy]

#letter ul li {float:left}
不要对#letter ul li a定义向左浮动

[dehyicy]

在 #letter ul{}中加入float:left;

[njujiangming]

不应该给a设置float吧，对li设置

[ouyangshixiong]

不要给li设置border。需要border效果给li内部元素（比如span）增加border。
不能贴图，效果就不贴了。

li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
padding:0 10px 0 8px;
text-align:center;
}
ul {
	line-height:200%;
	font-size: 200%;
	display:inline;
}
li span {
	border : solid 1px #D8D8D8;
}

[ipqkviss_ling]

ul li 是可以给他设置 一下内联的，设置为inline就可以为一行了，

[star19860411]

#letter ul li {float:left}不要对#letter ul li a定义向左浮动