织梦列表页分页错位(分页显示为竖排)的解决方

列表页分页代码： 

代码如下:

<div class="dede_pages"> 

<ul class="pagelist"> 

{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/} 

</ul> 

</DIV> 

调用样式添加： 

代码如下:

.dede_pages{ 

text-align:right; 

} 

.dede_pages ul{ 

float:right; 

padding:12px 0px 12px 16px; 

} 

.dede_pages ul li{ 

float:left; 

font-family:Tahoma; 

line-height:17px; 

margin-right:6px; 

border:1px solid #E9E9E9; 

} 

.dede_pages ul li a{ 

float:left; 

padding:2px 4px 2px; 

color:#555; 

display:block; 

} 

.dede_pages ul li a:hover{ 

color:#690; 

text-decoration:none; 

padding:2px 4px 2px; 

} 

.dede_pages ul li.thisclass, 

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ 

background-color:#F8F8F8; 

padding:2px 4px 2px; 

font-weight:bold; 

} 

.dede_pages .pageinfo{ 

line-height:21px; 

padding:12px 10px 12px 16px; 

color:#999; 

} 

.dede_pages .pageinfo strong{ 

color:#555; 

font-weight:normal; 

margin:0px 2px; 

}