The "border-radius" CSS property is not yet supported by Firefox. It's a
legitimate CSS3 property, though. As of today, if you want rounded
borders on the widest possible range of browsers, you have to use
"border-radius" for CSS3-compliant browsers, plus "-moz-border-radius"
for Firefox prior to version 4, plus "-webkit-border-radius" for Chrome
and Safari prior to version 5. (Prior to the upcoming version 9, IE does
not support rounded borders with hacks.) See
http://www.css3.info/preview/rounded-border/.
"-moz-transition" is a new property in the upcoming Firefox 4, and it's
based on a draft specification. Presumably you're using a browser that
doesn't support it. You should use this property with great care and an
understanding of what you're doing, or not at all.
Your width value wasn't valid for some reason. Compare the value in the
style sheet to what's allowed by the CSS spec.
And you really can't safely rely on charCode in keydown and keyup
events. It's only guaranteed to have a useful value in keypress events.
Either use the keypress event or another property of the keydown and
keyup events. There's lots on the Web about this; try a Google search
for "keypress keydown keyup."