title: The absolute position element's margin have no effect if it is in another absolute position element?
body: <p>I have two div like:</p>
  
  <pre><code>&lt;div class="outer"&gt;
      &lt;div class="inner"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>then I give them style like:</p>
  
  <pre><code>    .outer{ background:yellow; position:absolute; width:80%; height:80px; margin:0 10%;}
      .inner{ background:red; position:absolute; margin:0 11px; width:100%; height:80px;}
  </code></pre>
  
  <p>I want the "inner"  in "outer" ,as well the left and right have both 11px space,but it can't be achieve,only the left have the 11px gap,the "inner" seems always have the same length as the father's length</p>
  
  <p>Then I think maybe setting the outer padding with 11px will be work.However ,it still doesn't work……</p>
  
  <p>Why this happened?So how can I solve this problem?Is that possible with the effect?</p>
  
  <p><a href="http://jsfiddle.net/hh54188/jsdNh/" rel="nofollow">Here is the only case</a></p>