Question

I have a fiddle here. I set float left & width(20%, 80%) for the li‘s. It looks good now.

For some reason(actually, its an another story!) i want the set position: absolute for div.content.

If i do, the moreContent div comes to the left like this.

I don’t understand why its happening like this because, i set the parent of content div‘s
position as relative. So, it should be inside the li.

I just want to keep the same layout with the div.content positioned as absolute.

How to do it.

Thanks!

Answer 1

The problem is that when you position div.content as absolute, it then has no influence of the position of the other elements. I’d suggest setting a margin, this will then mimic what div.content would do if it wasn’t absolute: http://jsfiddle.net/ahmednuaman/MQ6Rg/3/