В других браузерах кроме IE7 и ниже час отображает границу вокруг тега часа, к которому я не хочу его.
Я попробовал это решение, но это все еще, кажется, имеет границу вокруг этого.
Это похоже на это:
Как я избавляюсь от него?
См. http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm
Похоже, что нет хорошего способа обойти эту проблему, только с помощью хака (с использованием окружающего div ).
Чтобы избежать этих проблем, вместо этого можно использовать теги DIV. Чтобы сделать его доступным, поместите HR внутрь следующим образом:
<div class="ruler"><hr /></div>
, затем примените к нему стили:
.ruler { border-top: 1px solid black; }
.ruler hr { display: none; }
Это скроет HR и сделает DIV «горизонтальной линейкой».