Question : using divs for dynamic height

Ok, I'm trying to get this work but its not!  I'm trying to get it so that the image in div 4 repeats when div 5 increases in height.  Here's what I have:

 

swf file goes in here

 

test goes in here

In the css file, I have:

body {
background-image: url('../images/bgline2.jpg');
background-repeat: repeat-x;
margin-left: 0in;
margin-right: 0in;
margin-top: 0in;
margin-bottom: 0in;
scrollbar-arrow-color: #F6EC00;
scrollbar-face-color: #34549D;
scrollbar-highlight-color: #34549D;
scrollbar-dark-shadow-color: #34549D;
scrollbar-3d-light-color: #34549D;
}

.div1 {
width:163px;
height:180px;
}

.div2 {
position:absolute;
left:163px;
top:0px;
width:717px;
height:180px;
}

.div3 {
position:absolute;
left:0px;
top:180px;
width:880px;
height:74px;
}

.div4 {
background-image: url('../images/menubg.jpg');
background-repeat: repeat-y;
position:absolute;
left:0px;
top:254px;
width:206px;
}

.div5 {
position:absolute;
left:0px;
top:264px;
width:218px;
}

.div6 {
position:absolute;
left:220px;
top:254px;
width:654px;
}

Any idea what I'm doing wrong?

Answer : using divs for dynamic height

When you set position of div 5 and 6 to absolute, they are no longer contained within the div 4. Therefore div 4 doesn't have any content in it in order to dynamically adjust it's height.
Assuming you used absolute positioning to display div 5 and 6 side by side, I'd recommend that you use a table within the div 4

 
 
   
   
 
 

swf file goes in here

test goes in here