Currently, I am faced with the challenge of addressing this particular issue:
The outer div ("container") is not allowing height:auto and instead conceals the entire content within the div - however, it is crucial for me that the outer div expands as it will eventually contain a dynamically populating list.
HTML
<div id="container">
<div id="headline">Headline</div>
<ul id="u_list">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
CSS
#container {
width: 200px;
height: auto;
background-image: -webkit-linear-gradient(top, #333333 0%, #242424 100%);
position: absolute;
top: 82px;
left: 25px;
}
#headline {
display: block;
position: absolute;
top: 12px;
left: 12px;
color: white;
}
#u_list {
list-style-type: none;
position: absolute;
top: 20px;
left: 12px;
color: white;
padding-left: 0;
margin-top: 36px;
}
Does anyone have any insights or solutions for this issue? :(
Warm regards