I've encountered an issue where the outer DIV does not resize to fit its content properly. The problem seems to be related to the top property of the inner DIV, which causes it to overflow outside its parent. Is there a way to adjust the vertical size of the outer DIV regardless of the top property being used? I'm aware that this can be achieved with jQuery, but is there a CSS-only solution?
<div id="divPTX_01" style="position:relative;min-height:1px;overflow:hidden;min-width:1px; border: 1px solid red;">
<div style="position:relative;float:left;border:2px solid blue;top:130px;">
<span>Test</span><br/>
<span>Test</span><br/>
<span>Test</span><br/>
<span>Test 6</span><br/>
<span>Test 7</span><br/>
<span>Test</span><br/>
<span>Test</span><br/>
<span>Test</span><br/>
<span>Test 6</span><br/>
<span>Test 7</span><br/>
</div>
</div>