IE7 отсекает границу на теге span

Question

В моей таблице стилей CSS есть следующий класс:

.errormsg {
  border:solid 1px Red;
  padding:5px 20px 5px 20px;
  margin:5px;
  color:Red;
  font-size:medium;
  font-weight:bold;
}

Когда я просматриваю его в IE7, верхняя и нижняя границы обрезаются при использовании этого класса в теге span.

Что мне нужно добавить, чтобы заставить его работать в IE7?

Answer 1

Я заметил аналогичные проблемы с такого рода вещами, когда высота строки недостаточно велика. Попробуйте немного увеличить его.

Answer 2

Настройка display: inline-block; на <div> устранит проблемы с отображением, а ширина будет по-прежнему адаптироваться к размеру текста: Демонстрация

Вы также можете немного улучшить егос css3 text-shadow, box-shadow и градиентом с значком из iconfinder : Demo

Answer 3

<pan> элементы будут обрабатываться как встроенные элементы, если не указано иное.Добавьте display: block; в свой CSS и переходите оттуда.Альтернативой может быть использование <div> для переноса сообщения об ошибке, поскольку <div> s по умолчанию считаются блочными элементами.