A bit of a noob query i guess but was just wondering whats the best method of having a div that stretchs vertically with dynamic content without using a scrollbar and is cross browser friendly and wont break the rest of the page?

Don't specify a height for the div and it will automatically expand vertically with more content.

Apologies if this isn't what you meant

Thats what i meant..

 

When the div stretchs down will the div underneath re-position itself accordingly or will they overlap?

or how about the min-height css property?

will that act the div underneath to re-position itself accordingly? I dont want the page to break and for them to overlap..

if the next div inline is position:relative; then it should get pushed down.

As long as the expanding div is not positioned absolutely, it won't overlap any other div.

Nice one dudes, ill try that now..