Alinhar list-style-image

[Keven Jesus_164006 39]

boa tarde, gostaria de alinhar um list-style-image

 

atualmente esta assim... como faço para trazer todos para canto esquerdo ? eu dei float left mas nem vai ...

 

.menu ul{margin:0;padding:0;}
.menu ul li{float: left;list-style-image: url(../images/seta_menu.png);}
.menu ul li:hover{list-style-image: url(../images/seta_menuhover.png);}
.menu ul li a{float: left;font-family:'candarabold';font-size: 14px;color:#2F0103;padding:4px;}
.menu ul li a:hover{color:#A72527;}

 

[Keven Jesus_164006 39]

resolvido usei background mesmo

 

ficou assim então se alguem tiver mesmo problema

 

 

.menu ul{margin:0;padding:0;list-style: none;}
.menu ul li{float: left;background: url(../images/seta_menu.png) no-repeat 16px 2px;padding-left:32px;}
.menu ul li:hover{background: url(../images/seta_menuhover.png) no-repeat 16px 2px;padding-left:32px;}
.menu ul li a{float: left;font-family:'candarabold';font-size: 14px;color:#2F0103;}
.menu ul li a:hover{color:#A72527;}

[salatielq 3]

Em vez de colocar apropiedade list-style-image, faça assim:

 

<ul>
    <li>Produtos <img src="sua img" class="img"></li>
    <li>Produtos <img src="sua img" class="img"></li>
    <li>Produtos <img src="sua img" class="img"></li>
</ul>

<style>
ul{
   list-style: none;
}
li{
    float: left;
    margin-left: 20px;
}
.img{
     float: right;
}
</style>

Espero que entenda.

[Keven Jesus_164006 39]

nem fica gohorse assim , ai no hover da merda ... ja resolvi ja vlw a tentativa abraços ...