Html 如何在<；中使用图像；李>；

我有一个

导航栏

，我需要

如何使用图像

<div id="navBar1">
<ul>
    <!--INVERSE-->
    <li id="navTop4">Caixa</li>
    <li id="navTop3">Documentos -</li>
    <li id="navTop2">Fornecedor -</li>
    <li id="navTop1">Fabrica -</li>
</ul>
</div>

Caixa
文档-
适用于NECEDOR-
法布里卡-

#navbar1 ul {
    list-style-image:url('mypic.gif');
}