I would like my <div> within a <div> to display a background image that expands downwards as the first <div> expands downwards to fit the text within it.
something.htm part looks like this:
<div class=”maincell” id=”maincell”>
<div class=”border” id=”border”>
</div>
<p>bla bla bla</p>
</div>
something.css part looks like this:
#border{
position:absolute;
top:0px;
left: 0px;
width:15px;
height: 100%; <– thats my problem i think, just dont understand why it dosent work>
background: url(something.gif);
}
#maincell{
position:absolute;
top:100px;
left:100px;
width:620px;
height:auto;
padding: 15px 20px 20px 20px;
background: url(something.gif);
}
Hope someone is able to help me out, just cant see why it dosent work.