HTML CSS div div intérieur avec marge automatique sont décentrés?

Question

J'ai un diviseur qui est centré dans la page en utilisant margin:auto. A l'intérieur j'ai deux autres diviseurs (ne peut pas être combiné, doit être un diviseur imbriqué dans un diviseur) quand j'essaie de centrer quelque chose à l'intérieur de celui-ci, il ne le centre pas au centre de la page. Je suppose qu'il a à voir avec le padding-left et padding-right que j'ai ajouté ... Un aperçu?

Voici mon code:

<center> 
    <div style="margin:auto; width:80%;"> 
     <div style="width:50%; padding-left:20%; padding-right:20%;"> 
      <div style="width:inherit; position:absolute; bottom:0%;"> 
       <hr /> 
       test 
       <hr /> 
       <br><br><br> 
      </div> 
     </div> 
    </div> 
</center> 

Answer 1

Il suffit de retirer l'étiquette center:

<div style="margin:auto; width:80%;"> 
    <div style="width:50%; padding-left:20%; padding-right:20%;"> 
     <div style="width:inherit; position:absolute; bottom:0%;"> 
      <hr /> 
      test 
      <hr /> 
      <br><br><br> 
     </div> 
    </div> 
</div> 

Check it out ici: http://jsfiddle.net/V8qMm/