caption は表題を示す要素です。table の子要素になり，table の開始タグの直後に記述します。

table の margin-top が入る位置

<p>テキストテキスト</p>
<table>
  <caption>サンプル（ここがcaption）</caption>
  <tr>
    ......
  </tr>
</table>

table {
  margin-top: 50px;
}

Firefox3，Opera9.5，Safari3 のそれぞれの表示結果をみてみましょう。

Firefoxの場合，table の margin-top が caption との間に入っています。

caption にだけ上下の margin を入れてみる

table {
  margin-top: 0;
}

table caption {
  margin-top: 30px;
  margin-bottom: 30px;
}

これは顕著な違いが出てきています。

Firefox は予想通り。

Opera は上の margin が若干狭くなっています。caption のテキストのベースラインから上が，ちょうど30pxになっていました。

Safari は上の margin が下にまわっています。

table の上と caption の上下の margin を入れてみる

table {
  margin-top: 50px;
}

table caption {
  margin-top: 30px;
  margin-bottom: 30px;
}

ブラウザによってかなりの違いがあることがお分かりいただけたかと思います。

クロスブラウザのCSS

IE6,7 では caption に margin が効かないことをあわせると，いまのところ table 上部と caption 上下の margin は指定しないほうが無難でしょう。

• table 上部の余白は，前の要素の margin-bottom で調整
• caption と table 本体の間隔は caption の padding-bottom で調整

p {
  margin-bottom: 50px;
}

table {
  margin-top: 0;
}

table caption {
  padding-bottom: 10px;
}

参考

複数並んだ table間のマージンについては to-R の西畑さんの記事を参考にしてください。

• tableにおけるmarginの相殺 [to-R]

サンプルページを用意しましたので，あわせてご覧ください。

• CSS - table と caption の margin | Try | d-spica

追記

vantguarde さんのはてなブックマークでご指摘をいただきました。caption の margin については仕様に定められていました。以下を参考にしてください。

• Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification - Tables in the visual formatting model

こうしてみると，Firefox，Opera，Safari とも仕様のとおりにレンダリングされてはいませんね。