comment ajouter des images d'arrière-plan à l'aide de css dans phonegap

Je fais un onglet pour appareil mobile phonegap. Je veux ajouter une image comme arrière-plan pour les onglets. Le problème est qu'il ne pas ajouter de l'image d'arrière-plan. voici ma structure de répertoire

les images sont dans ce dossier

www/img/tabs.png

En css ci-dessous, je suis en utilisant un chemin pour les images comme cette url(./img/onglets.png) top left no-repeat; ce qui ne fonctionne pas.
voici mon css fichiers

www/stylesheet/css/frames/footer.css

voici l'ensemble de mes pages situé

www/pages/home.html

et voici mon css

footer {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    padding: 0;
    background: #535353; 
}

footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none; 
}

footer ul li {
    float: left;
    padding: 5% 10.9%;
    background: url(./img/tabs.png) top left no-repeat; 
}

footer ul li a {
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none; 
}

footer ul li a .current {
    background: url(./img/tabs.png) bottom left no-repeat; 
}

voici mon code html

<header>
    Header
</header>
<section id="wrapper">
    <div id="scroll-content">

    </div>
</section>
<footer>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Profile</a></li>
        <li><a href="#">Photo</a></li>
    </ul>
</footer>

OriginalL'auteur 2619 | 2012-09-20