[css] Problem z pseudoklasą :first-child Opcje

[Asmox]

Każdy nagłówek menu w moim szablonie ma mieć ustawione określone marginesy, oprócz jednego - pierwszego. Dlatego postanowiłem użyć pseudoklasy :first-child w celu usunięcia dla niego jakichkolwiek odstępów.
Fragment szablonu, który dotyczy menu, wygląda tak:

[HTML] pobierz, plaintext 
<div id="rpanel"> <!--prawy panel, czyli ten odpowiedzialny za menu-->
  <img src="./template2/img/panel-top.png" alt="panel">
  <div class="caption">Menu</div>
  <div class="caption">Menu2</div> <!-- * -->
  <div class="caption">Menu3</div>
  <ul>
    <li><a href="">Strona Główna</a></li>
    <li><a href="tag/index">Lista tagów</a></li>
    <li><a href="index">Lista stron</a></li>
  </ul>
</div>
[HTML] pobierz, plaintext 

Znaczenie gwiazdki wytłumaczę za chwilę, jeszcze kod CSS

[CSS] pobierz, plaintext 
div#board div#rpanel div:first-child {
	margin: 0;
}
 
div#board div#rpanel div.caption {
	color: #101010;
	font-family: KeiserSousa, Sans, Verdana, sans-serif;
	font-size: 36px;
	margin: .5em 0;
	text-align: center;
}
[CSS] pobierz, plaintext 

Duplikaty menu zrobiłem po to, aby sprawdzić, czy w ogóle css się odwołuje do elementów div (przy testach wywaliłem :first-child żeby zobaczyć, czy ogólnie divy przestaną mieć marginesy). Problem jest w tym, że ten pierwszy div, w którym jest nagłówek menu, wcale nie chce się "pozbyć" swoich marginesów. Szukałem różnych rozwiązań na necie, zmieniałem kolejność ułożenia i ciągle nic. Bardzo proszę o pomoc.