TABLE ændrer tegnsætning i firefox

Hej, jeg har en side der opfører sig vældig underligt. Jeg kan godt poste koden senere, hvis nødvendigt, men problemet er ret unikt, så lad mig forklare.

Jeg er igang med at lave et budgetskema med php og mysql. Først lavede jeg en tabel, med alle mine udgifter og en lille menu med alle månederne øverst til at navigere. Derefter kopierede jeg hele tabellen for udgifter, og genbrugte den til indtægter. Koden er bygget op således:

[Menu]
[Udgift Tabel]
[Indtægt Tabel]

På denne måde ser alt ud som det skal, bare oven på hinanden.

Jeg ville så vise det side om side, så gjorde således:

<table id="container">
<tr class="row">

<td class="cell"></td>
<td class="cellm">[Menu]</td>
<td class="cell"></td>

</tr>

<tr class="row">

<td class="cell">[Udgift Tabel]</td>
<td class="cellm"></td>
<td class="cell">[Indtægt Tabel]</td>

</tr>
</table>

Efter denne tilføjelse, kan firefox nu ikke vise æ,ø og å. Istedet viser den et hvidt spørgsmålstegn i en sort boks. Hvorfor gør den dog det?


CSS ser således ud:

a {
color: red;
font-size: 11px;
text-decoration: none;

}

#anchor {
cursor: pointer;
color: red;
}

.kategori_t{
width: 200px;
text-align: left;
font-size: 18px;
}

.noter_t{
width: 200px;
text-align: center;
font-size: 18px;
}

.udgift_t{
width: 100px;
text-align: right;
font-size: 18px;
}

.kategori{
width: 200px;
text-align: left;
font-weight: bold;
}

.noter{
width: 200px;
text-align: left;
}

.udgift{
width: 100px;
text-align: right;

}

.udgift_sum{
width: 100px;
text-align: right;
color: red;
font-weight: bold;
}

.underkategori{
text-indent: 20px;
width:200px;
}

table.list {

border-style: solid;
border-width:1px;
border-spacing:5px;
width: 500px;

}

table#container {

width: 1600px;
border-style: solid;
border-width: 1px;

}


.cell {

width: 500px;

}

.cellm {

width: 600px;

}


I internet explorer er der ingen problemer (den viser til gengæld ikke rammen)