<Input type="text"> and ie8

[dmitriydrachov]

html:

<div class="form-item">
		 <input type="text" name="" value="Search" maxlength="128" />
	 </div>

CSS:

* {
margin: 0px;
padding: 0px;
}
.form-item input {
height: 19px;
width: 100px;
border: 1px solid black;
}
.form-item {
height: 21px;
}

Screen from IE8

Как видите есть отступ сверху. margin-top: -Npx не помогает. Ума не приложу что с этим делать. Возможно из-за полнодневной борьбы с ie разум не видит очевидные вещи.

Edited February 21, 2013 by dmitriydrachov

[wwt]

вот так:

* {
margin: 0px;
padding: 0px;
}

не стоит делать.

Либо замените это на:

html, body {
margin: 0px;
padding: 0px;
}

А еще лучше используйте сброс стилей. Для примера normalize.css или reset.css. Первый посвежее.

[lexxcode]

Вы бы масштаб в IE нормальный сделали.... ctrl+0

[dmitriydrachov]

Вы читаете масштаб повлияет?))

line-height: 19px; должно быть что и высота

*margin-top: -1px; для ie7

вот это помогло