JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table">
      	<div id="row">
      		<div id="r2"></div>	
      		<div id="r3">sadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br>gsgsdgsgsadfasfsadfas<br></div>
      		
		<div class="o2">      			
      		<div id="r1">
      			<div class="o3">
      			
      			</div>
      		</div>
      	</div>
      </div>
    </div>

CSS

body{
    	    margin: 0
		}
		#table{
		    display: table;
		    width: 1335px;
		    min-height: 500px;
		    *overflow:auto;
		}
		#row{
			display:table-row;
		}


		#r1{
			
			background:url(http://pichub.ru/pic_b/13/12/19/780a233aedd361251201097c0c3c4b69.png) repeat-y left;		      
		}
		.o2{
			border:1px solid black;
			height:191px;
			min-height:191px;
			max-height:191px;
			background: url(http://pichub.ru/pic_b/13/12/19/da7c535722f54d7c7c017a8377bd5ef0.png) no-repeat top left;
			
			display: table-cell;
		    *float:left;
		    width: 179px;
			max-width: 179px;
			min-width: 179px;
		}
		.o3{
			height:239px;
			min-height:239px;
			max-height:239px;
			background: url(http://pichub.ru/pic_b/13/12/19/99a32751453d799e465aa30045ea6161.png) no-repeat bottom left;
		}


		#r3{
			display: table-cell;
			background-color: #aef;
			width: 993px;
			max-width: 993px;
			min-width: 993px;
		}

		#r2{
			border:1px solid black;
		    display: table-cell;
		    *float:left;
		    background-color: #eee;
		    width: 163px;
			max-width: 163px;
			min-width: 163px;    
		}