Update Tab #2.1

/* BOX 1 */

#box1 {
position:fixed;
top:30px;
left:40px;
width:4px;
height:4px;
padding:5px;
z-index:9999999;
background-image:url('https://38.media.tumblr.com/4229c8aa94abd05fe4f48ab10cc8bd08/tumblr_n78qypsh7h1qiph9eo2_250.jpg'); /* space background, you can put whatever image you want */
background-attachment: fixed;
background-repeat: repeat;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}


#box1:hover {
height:110px;  /* space box height */
width:85px;  /* space box width */
}

#bla {
width:0;
height:0;
opacity:0;
text-transform:uppercase;
position:fixed;
font-size:8px;
padding:2px;
text-align:center;
overflow:hidden;
z-index:9;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

#box1:hover #bla {
opacity:1;
width:80px;  /* text box height */
height:105px;  /* tetx box width */
background:#fff;  /* tetx box background color */
}


/* BOX 2 */

#box2 {
position:fixed;
top:30px;
left:60px;
width:4px;
height:4px;
padding:5px;
z-index:999999;
background-image:url('https://38.media.tumblr.com/4229c8aa94abd05fe4f48ab10cc8bd08/tumblr_n78qypsh7h1qiph9eo2_250.jpg');
background-attachment: fixed;
background-repeat: repeat;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}


#box2:hover {
height:100px;
width:85px;
}

#bla2 {
width:0;
height:0;
opacity:0;
text-transform:uppercase;
position:fixed;
font-size:8px;
padding:2px;
text-align:center;
overflow:hidden;
z-index:9;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

#box2:hover #bla2 {
opacity:1;
width:80px;
height:95px;
background:#fff;
}


/* BOX 3 */

#box3 {
position:fixed;
top:50px;
left:40px;
width:4px;
height:4px;
padding:5px;
z-index:99999;
background-image:url('https://38.media.tumblr.com/4229c8aa94abd05fe4f48ab10cc8bd08/tumblr_n78qypsh7h1qiph9eo2_250.jpg');
background-attachment: fixed;
background-repeat: repeat;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}


#box3:hover {
height:120px;
width:85px;
}

#bla3 {
width:0;
height:0;
opacity:0;
text-transform:uppercase;
position:fixed;
font-size:8px;
padding:2px;
text-align:center;
overflow:hidden;
z-index:9;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

#box3:hover #bla3 {
opacity:1;
width:80px;
height:115px;
background:#fff;
}



/* BOX 4 */

#box4 {
position:fixed;
top:50px;
left:60px;
width:4px;
height:4px;
padding:5px;
z-index:1000;
background-image:url('https://38.media.tumblr.com/4229c8aa94abd05fe4f48ab10cc8bd08/tumblr_n78qypsh7h1qiph9eo2_250.jpg');
background-attachment: fixed;
background-repeat: repeat;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}


#box4:hover {
height:215px;
width:85px;
}

#bla4 {
width:0;
height:0;
opacity:0;
text-transform:uppercase;
position:fixed;
font-size:8px;
padding:2px;
text-align:center;
overflow:hidden;
z-index:9;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

#box4:hover #bla4 {
opacity:1;
width:80px;
height:210px;
background:#fff;
}