html, body { height: 100%; padding: 0; margin: 0; }
#div1, #div2, #div3, #div4 { width: 50%; height: 50%; float: left; }
#div1 { background: #DDD; }
#div2 { background: #AAA; }
#div3 { background: #777; }
#div4 { background: #444; }

.feature_info {
    padding: 6px 8px;
    font: 24px/28px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 2px;
}

html, body { height: 100%; padding: 0; margin: 0; }
#div1, #div2, #div3, #div4 { float: left; }
#div1 { background: #DDD; width: 49.5%; height: 49.5%; }
#div2 { background: #AAA; width: 49.5%; height: 49.5%; margin-left: 1%; }
#div3 { background: #777; width: 49.5%; height: 49.5%; margin-top: 1%; }
#div4 { background: #444; width: 49.5%; height: 49.5%; margin-left: 1%; margin-top: 1%; }

.feature_info {
    padding: 6px 8px;
    font: 24px/28px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 2px;
}

Add small margin between maps
Add small margin between maps
