Text problem i en tabell - HTML

Har ett problem med lite kodning i CSS + HTML. Jag har skapat en tabell i ett HTML dokument för att kunna visa en bakgrundsbild som jag har länkat från en CSS mall. Men texten i tabellen går inte att ändra storlek på av någon anledning utan är alltid den samma! Men ändrar jag däremot fonten så ändras den i alla fall! Vad är det för fel?

Här är CSS koden:

body {font-family: Verdana; font-size: 10px; background: #FFFFFF;}

#main {background: url(mainbkg2.gif); padding: 0px; border-bottom: 1px solid #e0dfdf;}

Här är HTML koden:

<div id="main">

<table width="600" height="353" cellspacing="0">
<tr>
<td>

<div id="box">

Text i boxen som inte går att ändra storlek på.

</div>

</td>
</tr>
</table>

</div>

Jag vet inte varför jag valde denna lösningen att visa bakgrundsbilden via CSS mallen, men det funkar ju bra förutom att texten strular.

Tacksam för svar