I have a main wrapper div with a content div and a button. The button is supposed to go underneath the content div but for some reason it's overlapping with it.
The content div has css:
Remove the (extensive) use of absolute positioning.... Change it to
position: relative; if necessary. But on many elements even that is not necessary.
Move the button div up to under the
<h4>add members</h4> in the HTML where you appear to want it.
Then adjust margins for
#DIV_05 and the button.
(Note I merely performed a search to change
relative in your CSS, then adjusted from there.)
By using absolute positioning so extensively you were forcing elements into unnatural positions. Then when it wasn't working out.. you are left wondering why. Let things fall where they naturally want to fall. Change the HTML for overall render order, don't force things with absolute positioning.
Use of absolute position is most commonly used to adjust z-index and make elements not alter positioning of other elements. (like a global float of sorts) It should not be the fall back for positioning everything in any layout.