Скрыть кнопку отправки в IE7 с помощью CSS

Question

У меня есть кнопка отправки с такой разметкой:

<li class="button"><div class="button">
<input type="submit" name="sign_in" id="sign_in" value="Prihlásiť" class="input-submit" /></div></li>

Я хочу скрыть это, чтобы оно не было видно.

Я сделал это:

.button, input.input-submit {
    height: 0;
    line-height: 0;
    border: 0;
}

И это работает в Firefox и IE8. Но в IE7 все еще есть место, занимаемое кнопкой, даже если она не видна (таким образом, есть разрыв в 20 пикселей).

Что делать?

Answer 1

Я не знаю, используете ли вы таблицу стилей сброса, поэтому вы можете использовать:

.button, input.input-submit {
    height: 0;
    border: none;
    width: 0;
    padding: 0;
    margin: 0;
}

Если этого не происходит, это может быть связано с тем, что это встроенный элемент, поэтому попробуйте добавить:

display: inline-block;

Подробнее о встроенном блоке

Редактировать: Как запоздалая мысль, мне кажется, вам нужно только скрыть li , все содержимое внутри li также будет автоматически скрыто, но вам, возможно, придется li a:

overflow: hidden;

Answer 2

.button, input.input-submit {
    display:none;
}