Problème avec display:inline

Bonjour,:D
je souhaite afficher des images "une à côté de l'autre" j'ai défini ma feuille de style comme suit:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<style>
 .img_bg_mobile {
      width: 49px;
      height: 50px;
      background: url(images/fav.gif);
      background-repeat: no-repeat;
      margin-right: 0px;
      margin-left: 9px;
      display: inline;
      float: left;
    }  
    .img_mobile {
      width: 39px;
      height: 41px;
      padding-top: 9px; 
      padding-left: 10px;
 
    }
</style>

j'affiche mes images dans une jsp comme suit:

Code:

1
2
3
4
5
6
7
<div class="bloc_470">
            <c:forEach var='logo' items='${requestScope.bddLogoList}' varStatus='j'>
              <div class="img_bg_mobile"><div class="img_mobile"><img src="<c:out value='${requestScope.repImages}'/><c:out value='${logo.bskName}'/><c:out value='${requestScope.imagesExt}'/>"/></div>
 
		     </c:forEach>
 
      </div>

Mon problème est que mes images s'affichent l'une au dessous de l'autre même si j'ai mis display:inline
je ne vois pas où peut se trouver le pb, si qqn peut m'aider SVP.
Merci infiniment.