table { border-spacing: 0; margin: 0; }
td { padding: 0; vertical-align: top; }

div#t1i { float: left; }

div#t2o { position: relative; }
div#t2i { position: absolute; top: 0; left: 0; }

div#t1i, div#t2i, td#t3i, div#ref { border: 2px solid; height: 6em; }

div#t1o, div#t2o { height: 6em; }
div#t1o, div#t2o { margin-bottom: 6px; } /* 4px extra for border */
table#t3o { margin-bottom: 2px; }

body#max div#t1o, body#max div#t2o { width: 1000px; }
body#min div#t1o, body#min div#t2o, body#min table#t3o { width: 1px; }