Убрать отступ между блоками

Првиетствую. Не могу разобраться, как убрать отступ между блоками (на изображении тёмно зелёный цвет) и почему вообще они образовались?

Изображение:

Код:

<div class=block1>

 <p><div class=block2>

 Текст

 </div><!---block2 end---></p>

 <p><div class=block3>

 Имя<input type=text id="name" maxlength=25 size=25 name="name">

 Телефон<input type=text id="phone" maxlength=25 size=25  name="phone">

 E-mail<input type=text id="email" maxlength=25 size=25  name="email">

 </div><!---block2 end---></p>

 <div class=block4>

 <button class="submit" id="submit" value="Отправить">ОТПРАВИТЬ</button>

 </div><!---block4 end--->

 <div class=block4></div><!---block4 end--->

 <div class=block5></div><!---block5 end--->

</div><!---block1 end--->

css:

.block1 {

width: 200px;

height: 300px;

background: #01796f;

color: #ffffff;

margin-bottom: 0px;

}



.block2 {

width: 100%;

height: 50px;

background: rgba(255,255,255,0.7);

}



.block3 {

width: 100%;

height: 175px;

background: rgba(255,255,255,0.4);

}



.block4 {

width: 100%;

background: rgba(255,255,255,1);

}



.block5 {

width: 100%;

height: 25px;

background: rgba(255,255,255,0.7);

}



.submit {

width: 100%;

height: 50px;

border: none;

background: #ffffff;

}