tabelle: caption visualizzato male con Opera

[beeky]

Ciao a tutti, è la prima volta che scrivo su questa area del forum, spero mi possiate dare una mano

Ho riscontrato questo problema solo con Opera, in pratica il "caption" della tabella viene visualizzato in questo modo:
vengono create tante righe nel caption quante sono le righe della colonna...



mentre su explorer e mozilla la rappresentazione è corretta:



riporto il css e l'HTML della tabella:

Tabella (solo 2 righe per non riempire tutto lo schermo ):

<table summary="elenco messaggi" class="tabella_msg">
<caption>Posta in arrivo</caption>
<thead>
<tr>
<th></th>
<th width="55%">messaggio</th>
<th width="30%">data e ora</th>
<th></th>
</tr>
</thead>
<tbody>

<input type="hidden" name="msg2" value="{29B877B3-9708-4A37-9F89-29A8096EE434}">
<tr bgcolor="#f9f8f4">
<td>

[img]../icone/pm_old.gif[/img]
</td>
<td><a href="?act=showmessage&msg_id={29B877B3-9708-4A37-9F89-29A8096EE434}&page=1&mode=inbox" title="clicca qui per leggere il messaggio">
.....</a>

.....</td>
<td>11/17/2006 3:48:51 PM</td>
<td><input type="checkbox" name="canc2" value="1"></td>
</tr>

<input type="hidden" name="msg3" value="{3C31A43C-B6B8-4770-A2BB-79F06F1E3E58}">
<tr bgcolor="#ffffff">
<td>

[img]../icone/pm_old.gif[/img]
</td>
<td><a href="?act=showmessage&msg_id={3C31A43C-B6B8-4770-A2BB-79F06F1E3E58}&page=1&mode=inbox" title="clicca qui per leggere il messaggio">
.....</a>

.....</td>
<td>11/14/2006 10:04:28 AM</td>
<td><input type="checkbox" name="canc3" value="1"></td>
</tr>

</tbody>
<tfoot>
<tr>
<td colspan="4">
<ul id="msg_list">
<li id="msg_scrivi">nuovo messaggio
<li id="msg_elenco">in entrata
<li id="msg_outbox">inviati
<li id="msg_cestino">cancella selezionati
[*]<input type="checkbox" name="" onclick="return checkUncheckAll(this,this.form);"/>[/list]</td>
</tr>
</tfoot>
</table>

CSS:

.tabella_msg {
width: 580px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
margin: 0px;
border-collapse:collapse;
}

table.tabella_msg caption {
font-size: 1.4em;
font-weight: bold;
color: #fff;
padding: 5px;
background: #92A0AB;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.tabella_msg th {
color: #333;
padding: 6px;
background: #eee;

border-bottom: 1px solid #ddd;
}
.tabella_msg td {
color: #333;
padding: 6px;
border-bottom: 1px solid #ddd;
}

grazie!

[beeky]

ho avuto l'illuminazione!

era l'input nascosto <input type="hidden" name="msg2" value="{29B877B3-9708-4A37-9F89-29A8096EE434}">

messo prima del <tr> che creava confusione!
è bastato posizionarlo dopo l'apertura di un <td> per risolvere la cosa!
:rollo:

grazie lo stesso