Я хочу стилизовать свои наборы полей так, чтобы они имели сплошную границу.
Поэтому я стилизовал так...
fieldset {
margin: 5px;
padding: 20px;
border: solid orange;
border-width: 30px 1px 1px 1px;
}
fieldset legend {
background-color: orange;
line-height: 30px;
/* uncomment line below for IE8 */
/* margin-top: -50px; */
}
И так это выглядит в большинстве браузеров (IE9, Chrome, FF14)...
У меня проблемы с тем, чтобы это работало в IE8. Я добавил поле -ve, чтобы правильно выровнять легенду, но с каждой стороны легенды все еще есть две вертикальные белые полосы, от которых я не могу избавиться...
Скрипт... http://jsfiddle.net/spiderplant0/NmwuC/
Любые идеи, как избавиться от белых полос в IE8 (мне все равно на IE7, IE6 и т. д.)?
(Кстати, HTML генерируется фреймворком Drupal, поэтому я бы предпочел решение, которое не требует изменения HTML.)
*{border:0;margin:0;padding:0;}
- person Ron van der Heijden   schedule 25.07.2012