Position: Absolute and Position: relative Problem in ie

I have a problem. See the code below please.

<div style="position:relative; overflow:hidden; width:120px;">
  <div style="position:absolute; left:0px;">Content</div>
  <div style="position:absolute; left:40px;">Content</div>
  <div style="position:absolute; left:80px;">Content</div>
</div>

The problem is, that in firefox, its working fine; but when i run this code in ie-8, it gives problem. All the divs with position:absolute are 40px wide. they should just simply attain开发者_如何学Go the position i assign them to. In ie, the 2nd div with position:absolute take double left-space. It counts the first div to be of 40px and then counts 40px more. It should just take 40px from the relatively positioned div's left side. Can somebody help please?

It works as expected in ie7 & ie8. And drop that overflow: hidden, because it hides everything. Look here how it all looks with border: http://jsfiddle.net/uWkJ7/1/ All divs expand to their content width.

In “non-layout” elements, hasLayout is not triggered, i.e. a pure div without a dimension can be a “non-layout ancestor”.