This failed due to a lack of css 2 support by the browsers. We want floated divs to fill the height of containing divs, to be able to provide background colors without resorting to images. Hence, onward (backward) to tables to achieve at least the top level site layout.
uc left
uc mid .ng3 .ng_content, /* ng* ng* [ng*] */ .ng2 .ng3 .ng_content, .ng3 .ng2, .ng3 .ng3, .ng3 .ng2_66, .ng3 .ng2_33, .ng3 .ng2_75, .ng3 .ng2_25, .ng2_66 .ng_content, .ng2_66 .ng2, .ng2_33 .ng_content { float: left; } .ng2 .ng_content, .ng2 .ng2, .ng2 .ng3, .ng2 .ng2_66, .ng2 .ng2_33, .ng2 .ng2_75, .ng2 .ng2_25, .ng2_66 .ng_content, .ng2_33 .ng2, .ng2 .ng2_66 .ng_content, .ng2_75 .ng_content, .ng2_75 .ng2, .ng2_25 .ng2, .ng2_25 .ng_content { float: right; } .ng2 div.first, .ng3 div.first, .ng2_66 div.first, .ng2_33 div.first, .ng2_75 div.first, .ng2_25 div.first, .ng2 .ng2_66 div.first, .ng2 .ng2_75 div.first, .ng2_66 div.first div.first { float: left; } .ng2 .ng_content, .ng2 .ng2, .ng2 .ng3, .ng2 .ng2_66, .ng2 .ng2_33, .ng2 .ng2_75, .ng2 .ng2_25 { width: 49.1%; } .ng3 .ng_content, .ng2 .ng3 .ng_content, .ng3 .ng2, .ng3 .ng3, .ng3 .ng2_66, .ng3 .ng2_33, .ng3 .ng2_75, .ng3 .ng2_25, .ng2_66 .ng_content, .ng2_66 .ng2, .ng2_33 .ng_content { width: 32%; margin-left: 1.99%; }
uc right
uc left
uc mid
uc right
uc left
uc mid
uc right
break