Textarea and fonts

I have a text area which is created in javascript and appended to a table cell. The table cell, rows and table body are all also created in javascript and appended to a div on my page.

My style for the textarea is as follows:
textarea
{
font-family: Tahoma, Verdana, Calibri, Arial, Sans-Serif;
border: 1px solid #444;
width: 95%;
height: 180px;
cursor: default;
padding: 3px;
}

For some reason when I have a lot of text in the text area and the font-family is as above and Tahoma is applied, it resizes the textarea and table width so that is scrolls out of my wrapping div. If I remove the font-family stuff, or even just apply a font of Arial, its fine....??

I have tried putting the textarea in a div before putting it into the cell but that doesn't work, has anyone come across this before or have any ideas?

Thanks

Not sure but maybe different fonts are different sizes, and a larger font stretches "out" of the div since you give it a specified height?

Could probably tell for sure if you gave a link to your test site.

A guess then...
Perhaps this only happen in firefox which wraps long lines to the next.