:使用<span>元素悬停

我正在与:

#top ul li.corner span.right-corner:hover
{
    background-image:url("images/corner-right-over.gif");
    width:4px;
    height:15px;
    float:left;
}

#top ul li.corner span.left-corner:hover
{
    background-image:url("images/corner-left-over.gif");
    float:left;
    width:4px;
    height:15px;
}

我似乎无法:hover正常工作？不知道为什么,有没有人有任何建议？

我认为问题是SPAN元素默认显示内联 - 这意味着它们没有高度和宽度.尝试通过添加以下内容明确地使它们阻止级别

#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
    display: block;
}

写在HTML文档的第一行.应为所有类型的元素启用悬停支持.