no tengo ni la minima ni absoluta idea de lo que quereis lograr.
Porque mejor lo haces en photoshop y nos enseñas una imagen de lo que quieres lograr.
Y para empezar teneis un error:
Cita: <div style = "display: table; width: 220px; height: 150px; background-color:red;">
<div style = "float: left; height: 150px; width: 15px;
background- color:grey;"></div>
<div style = "float: left; width: 190px; height: 150px; background-color:blue;">
<div style = "height: 15px; width: 190px; background-color:grey;"></div>
<div style = "height: 120px; width: 190px; background-color:yellow;"></div>
<div style = "height: 15px; width: 190px; background-color:grey;"></div>
</div>
<div style = "float: right; height: 150px; width: 15px; background-color:grey;"></div>
</div>
background- color:grey
no le pongas espacio entre el - y el color
que quede asi:
background-color:grey