OMG!! It works like an AK-47! Almost perfect! )) Thank you Phil!
I've just added some "floats" for IE6 (it also helped to align blocks
vertically) and got rid of some "heights", so that content will decide
how big my columns should be..
---------
#A, #B, #C, #D, #E, #F, #G{text-align:center; /* margin-bottom:20px;
*/}
#A{background:#ccc;height:72px;margin-top:20px;}
#B{background:#ddd;height:128px; float:left;}
#C{background:#eee; float:right;}
#D{background:#888;height:92px;}
#E{background:#999; float:left;}
#F{background:#666;position:relative;top:-92px; float:right;}
---------
In fact I've already set it up with a slightly different approach: I
used "span12" for Navigation and negative positioning for LOGO to pull
it over Navigation row. But I like your version more, since it is more
semantically correct.
Thank you!
