Indentation d'une liste sous IE7

Bonjour,

dans le cadre d'un projet xhtml 1.0 strict, je dois faire une list (ul) avec, à la place des puces, une image (12x16)...

Il existe bien sur différentes manières d'y parvenir :
- image à la place de la puce avec ul { list-style:none url(image.gif) inside; }
- image en fond des balises li avec background:url(image.gif) 0 0 no-repeat;
- ou encore l'utilisation d'une liste sans puces avec l'image dans le contenu de la balise li (<li><img src="image.gif" width="12" height="16" /> texte sur plusieurs ligne</li>

Mon problème vient du fait que, quoi que je choisisse comme solution, il y a toujours un décalage de l'indentation entre IE7 et les autres browser.

Il semble que IE7 n'en a rien à faire des margin:0; et padding:0; !


Voici l'html en question :

<div id="three_col">
  <div class="col" style="border-left:0;">
    <img src="styles/Title_What'sNew_2.jpg" width="254" height="130" />
    <ul>
      <li>
        <strong>texte</strong>
        <br />
        <a href="#">More...</a>
        <br />
        <br />
      </li>
      <li>
        <strong>texte</strong>
        <br />
        <a href="#">More...</a>
        <br />
        <br />
      </li>
    </ul>
  </div>
  <div class="col">*contenu similaire ici*</div>
  <div class="col">*contenu similaire ici*</div>
</div>

et le CSS :

#three_col { margin-left:-10px; width:768px; border-top:2px dotted #d9d9d9; }
#three_col .col { float:left; width:254px; border-left:2px dotted #d9d9d9; }
#three_col .col ul {
  margin:0 auto;
  padding:0;
  list-style:none url(image.gif) inside;
  font:normal 11px/13px Verdana, Helvetica, Arial, sans-serif; text-align:left;
}
#three_col .col ul li { padding:3px 0 10px 0; }

Voilà j'espère que vous pourrez m'aider parce que je sèche depuis plusieurs heures !