Javascript (or CSS) textarea word wrap Firefox

I couldn't find a clear solution on this, but it seems like it would have a quick, easy answer by now.  I have a textarea field for notes.  It looks like this:

<textarea name=inspnotes cols=21 rows=13></textarea>

In firefox, the warp property is not recognized, so I need an alternative method of wrapping a user's text when they reach 21 columns.  
I found the attached javascript, and it works fine for the first line of text, but I do not understand the part of the script that uses the modulus operator, so the subsequent lines of text do not wrap properly. If there is a better way to do this other than javascript(maybe CSS), please let me know.  Thanks for reading.
<script language="javascript" type="text/javascript">
var ijk = 0;
function txt_ara()
{
//alert("1");
//alert(document.getElementById("email").value.length);
//var ijk = 0;
//var incr = 2;
if(document.getElementById("email").value.length <= 21)
{
if(document.getElementById("email").value.length == 21)
{
document.getElementById("email").value += "\n";
}
}
else
{
var lkm = "";
if(ijk == 0)
{
lkm = parseInt(document.getElementById("email").value.length % 120);  //This is what I don't understand.  What value should I set this to?
}
else
{
lkm = parseInt(document.getElementById("email").value.length % 60);  //This is what I don't understand.  What value should I set this to?
}
if(lkm == 0)
{
ijk = 1;
document.getElementById("email").value += "\n";
}
}
}
</script> 
 
<textarea name=inspnotes cols=21 rows=13 id=email onkeyup="txt_ara();" onkeydown="txt_ara();"></textarea>

Open in new window

thedeal56Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

level9wizardCommented:
Why not do something like this:

<!-- HTML -->
<textarea class="email"></textarea>

/* CSS */
.email
{
    display: block;
    width: 200px; /* set this to whatever you need */
}
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
thedeal56Author Commented:
Thanks for the fast reply.  BTW, your name is awesome.

Here's what I did:

.email
{
    display: block;
    width: 200px;
}

<textarea name=inspnotes cols=21 rows=13 class=email></textarea>


Still no word wrap.  
0
thedeal56Author Commented:
I started thinking about this question, and I realized that I might not have been specific enough about my problem.  The error that I'm having is when a user is inputting text the words do not wrap to the box's width.  I thought I might should clear that up, because it might have sounded like I was having trouble displaying the text rather than trouble entering it in.  
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.