caption-Element

[Matthias]

Hallo zusammen,

ich habe ein Problem mit der css-Gestaltung von caption-Elementen.

Hier erstmal der Quellcode:

<table style=" width:760px;">
<caption style="text-align: center;
                padding: 5px;
                border-color: #3FA6CC;
                border-style: solid;
                border-width: 2px;
                color: #3FA6CC;
                font-size: 12px;
                font-weight: bold;">Tabellen&uuml;berschrift</caption>
<colgroup>
  <col width="200" />
  <col width="140" />
  <col width="140" />
  <col width="140" />
  <col width="140" />
</colgroup>

Und hier zentrale css-Formate:
#content caption
{
    margin:15px auto 0px auto;
    width: auto;
}
#content table
{
    border:2px solid #3FA6CC;
    margin:0px auto 15px auto;
    border-spacing:0px;
    border-collapse:collapse;
    empty-cells:show;
}
#content td
{
    padding:3px;
    border:1px solid #3FA6CC;
    vertical-align: top;
    text-align: left;
}
#content th
{
    padding:3px;
    font-weight:bold;
    text-align:center;
    border:1px solid #3FA6CC;
    color:#FFFFFF;
    background-color:#3FA6CC;
    vertical-align: top;
}

Und nun zum Problem:
Im IE v6 ist alles so wie es sein sollte.
Im Firefox v2 ist der caption-Bereich schätzungsweise 2 Pixel SCHMALER als der Rest der Tabelle, und zwar sowohl auf der linken wie auch auf der rechten Seite.

Habe ich da einen Fehler in der css-Definition gemacht, oder gibt es für dieses Phänomen einen Workaround?

Vielen Dank