problem with ie6 and dynamically-generated panels

Question

I'm experiencing problem with ie6 and dynamically generated components. have a static panel (main one) with a scroll bar and I'm dynamically placing other (smaller) panels into the main. these smaller ones contain other components... close to the point, here are the screenshots that exactly give the point of my problem with ie6.

http://www.turboimagehost.com/p/7333211/ie6.JPG.html

thats how it looks in ie6. on the other hand heres how page looks in ff. thats exactly the way it was planned to be (same look with other major browsers)

http://www.turboimagehost.com/p/7333209/ff3a.JPG.html http://www.turboimagehost.com/p/7333210/ff3b.JPG.html

Answer 1

From your comment, you are using absolute positioning for child div, you haven't specify the style for your parent. But most probably, you are encountering well-known IE6 bug - see this article for problem and solution - in short, you need to use relative position for your container(parent) div/panel.

On the other hand, for the suggested layout, you need not use absolute positioning. You can use margins to control the layout - see a sample fiddle out here.