html span不可用,html – 为什么span元素不能使用这段代码

我有一个导航菜单,如下所示：

我必须把它分成三个部分(左,中,右).

我写了这样的html和css代码：

• Home
• About Us
• Products
• Contact Us

这是css：

ul#navigation

{

background: url('../img/menu-c.png') repeat-x;

height: 45px;

clear: both;

width: 420px;

}

ul#navigation li

{

float: left;

text-align: center;

width: 100px;

padding-top: 10px;

}

#nav-left-img

{

background: url('../img/menu-l.png') no-repeat;

height: 45px;

width: 10px;

}

跨度似乎没有成功;如果我使用div它是有效的.代码有什么问题？如果我使用div而不是span,是否可以,或者我是否应该使用div来加入左右图像？我如何用span做到这一点？