У вас ужасная лапша в коде, его сложно читать. Первое что бросается в глаза, не указаны единицы измерения при задании top, left, width и height. Именно поэтому красная кнопка не расположена не рандомно, а висит всегда в координатах 0, 0.
mainDIV.style.width = "200";
mainDIV.style.height = "300";
- в итоге ваш синий див появляется, но имеет нулевой размер.
Логику создания последующих синих дивов я не осилил. Все эти pcts и CMPATCH.