Убрать лишние 20px после <form>

[rscout13]

Доброго времени суток.

 

Возникла проблема следующего рода, пытаюсь убрать лишние 20px между "шапкой" с названием сайта, формой

авторизации и красной полосой навигации по сайту.

 

Т.е. просто нужно прижать форму авторизации вплотную к полосе навигации.

 

Посмотрел подсветку отдельных элементов инструментом разработчика в яндекс.браузере и он отображает мне что на элементе <form> высота в 98px, во всех остальных элементах высота равна 78px.

 

Пример: http://tsw.su/test/registration.php

[Switch74]

form {

  margin-bottom: 0;

}

[satantx]

div#navigation {

background-color: rgba(255,0,0,0.7);

color: #fff;

float: left;

width: 100%;

text-align: center;

/* margin-bottom: .5em; */

}

[rscout13]

Не, не форма регистрации.

 

Я про то, что помечено синей областью.

 

[rscout13]

form {  margin-bottom: 0;}

Спасибо, заработало. Что странно - ранее подставлял это значение и не срабатывало.