Меню (фрагмент кода внизу) состоит из секций вида

 <div class="stroka">
    <a href="/predpriiatiia/">Анализ</a>
  </div>
  <div>
    <div class="clear"></div>
    <hr />
  </div>

Изменить состав секции проблематично, поскольку она создается ЦМС.

В каждой секции есть <hr />, но надо отчеркивать на каждую секцию, а только третью. Для этого сначала всем элементам дается нулевая высота и их не видно

.news_list_name_buseness    hr {
    border: none; /* Убираем границу для браузера Firefox */
    color: #D6C48D; /* Цвет линии для остальных браузеров */
    background-color:#DCAE50; /* Цвет линии для браузера Firefox и Opera */
    height: 0px; /* Толщина линии */
    border-bottom: #9F3 0px dotted;
    margin:0px;
}

А потом третьему элементу дается реальный размер

.news_list_name_buseness    hr:nth-child(3) {
    border: none; /* Убираем границу для браузера Firefox */
    color: #D6C48D; /* Цвет линии для остальных браузеров */
    background-color:#DCAE50; /* Цвет линии для браузера Firefox и Opera */
    height: 10px; /* Толщина линии */
    border-bottom: #9F3 0px dotted;
    margin:10px;
}

Но почему-то эта директива распространяется не на третий элемент, а на все.

В чем тут ошибка?

<div class="news_list_name_buseness">
  <div class="stroka">
    <a href="/predpriiatiia/">Анализ</a>
  </div>
  <div>
    <div class="clear"></div>
    <hr />
  </div>
  <div class="stroka">
    <a href="/kompanii/">Безопасность</a>
  </div>
  <div>
    <div class="clear"></div>
    <hr />
  </div>
  <div class="stroka">
    <a href="/prodazhi/">Нродажи</a>
  </div>
  <div>
    <div class="clear"></div>
    <hr />
  </div>
  <div class="stroka">
    <a href="/uspeshnoi/">Куспешной</a>
  </div>
  <div>
    <div class="clear"></div>
    <hr />
  </div>
  <div class="stroka">
    <a href="/irmu/">фирму</a>
  </div>
  <div>
    <div class="clear"></div>
    <hr />
  </div>

	</div>