列表制作ul,li,相关问题

我想是将列表排一列。

代码：

<div class="top" >

   <div class="top_content">

        <ul class="top_ul">

        <li class="top_content_li">设为首页</li>

        <li class="top_content_li">加入收藏</li>

        <li class="top_content_li">联系我们</li>

        </ul>

    </div>

</div><!--top结束--> 

css样式代码：

.top_ul{

   height:27px;

   background:#F00;

}

.top

{width:100%;

 height:27px;

 background:url(../images/top_bg.jpg) repeat-x;

}

.top_content

{ 

 width:1000px;

 margin:0 auto;

}

.top_content_li 

{   

float: right;

list-style-image:url(../li_bg.gif);

width: 70px;

line-height:27px;

}

效果却是这样：