Centrer un div dans un div de taille fixe, de type bloc

Bonjour,


Je cherche à centrer un div d'une taille fixe dans un autre div.
Cette question a du etre maintes fois etre posé mais je n'ai pas trouvé dans mes recherches sur le forum.


Un article du site traite du centrage des éléments bloc :
http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html

Sur ma page j'ai un div ayant une largeur proportionnelle par rapport à son conteneur. Ce div n'est pas dans un flux float.
Sur la capture, il est représenté par la bordure rouge.
http://i.imagehost.org/0186/Capture_10.png

Il contient un div, représenté par le cadre vert sur la capture, que j'aimerais centré.

J'ai essayé avec des margin avec auto pour le div enfant mais sans succès

Voici mon code :

<div style="width:30%;">
      <div style="width:20px;margin-left:auto;margin-right:auto;position:relative;">
                <!-- mon image -->
       </div>
</div>

J'ai essayé avec text-align:center mais bien sur que cela ne fonctionne pas car mes div ne sont pas de type in line.

Voici mon code :

<div style="width:30%;text-align:center;"
      <div style="width:20px;"
                <!-- mon image -->
       </div>
</div>

Ou me suis je trompé ?

Une méthode, pas la plus propre, mais qui devrait fonctionner :

<div style="width:30%;">

      <div style="width:20px;margin-left:-10px; position:relative; left:50%">

                <!-- mon image -->

       </div>

</div>