Display #content6
as a table and it's children containers as table cells:
#content6{
display:table;
}
#product-left{
width: 355px;
height: auto;
display:table-cell;
background:#EEE;
}
#divide{
background: url('../images/nav-btn.jpg') repeat-y;
height: auto;
width: 20px;
display: table-cell;
background:#F00;
}
#content-right{
width: 655px;
height: 300px;
margin-left: 10px;
background:#CCC;
display:table-cell;
}
Note that since id
s should be unique, the immediate descendant CSS selectors are redundant here.