Hy Guys,

I am new to HTML and CSS as well as this forum. I have gone through posting rules and swear to solemnly abide by them. Ha ha ha. just kiddin.

Anyways, I am trying to code a web layout in HTML & CSS. As I am new to HTML & CSS so the code structure may not seem intitutive and neat.


Here is the link to screenshot of the problem.
http://dl.dropbox.com/u/27899629/ove...%20content.png

All the internal divs are relative to the main_container div and thus internal div's has a top attribute for example top:100px; etc.

The problem is that whenever I insert more content inside a top div then the content overlaps with content in the div below. Can anybody improve the code structure so that it is more flexible and reposition the div's below whenever content is inserted in the top div.

Here is the ZIP file containing html, css & img files ( be assured there is not virus).
http://dl.dropbox.com/u/27899629/new-layout.zip

I hope I am explained my problem clearly.

regards,
dkj