/**/html, body{
font-size: 0;    
}

.frame {
    width: 12.5%;
    height: 12.5%;
    border: none;
    background-color:grey;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;

}

p{
background-color:red;    
}


    iframe {
overflow:hidden;
pointer-events: none;
cursor: default;
    }

.frame1 {
    width: 12.5%;
    height: 12.5%;
    border: none;
    background-color:red;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
}

.frame1a{
    width: 12.5%;
    height: 12.5%;
    border: none;
    background-color:blue;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
}

.not-active {
   pointer-events: none;
   cursor: default;
}