Mozilla 3.0.8 and Chrome height in em bug workaround
The textarea is using a different font by default, so the size is different (as ems relate to the text size).
Add this:
#textareawrapper textarea { font-size: 100%; font-family: inherit; }
Tested & working in FF3
How to get rid of gap between textarea's bottom and its wrapping div in chrome browser?
the trick was giving the textarea display: block; credits to yuxel
just a note: css reset(yahoo's one) doesn't change textarea's display.
Related Topics
What Is the Best Method for Tidying CSS
Decrease the Tabs Bar Height in Gnome Terminal
Assigning Visible Property of the Button to a Static Method Result
Bootstrap CSS Space Between Buttons in Navbar
Does Chrome Have Issue with Setting A:Visited CSS Properties
Do We Need Type="Text/CSS" for <Link> in HTML5
How to Customize Radio Button in HTML
Internet Explorer 10+ Media Queries and Responsive Break Points
How to Style the Scrollbar of on Iframe
CSS - How to Select Multiple Different Child Elements Within a Parent Without Repeating the Parent
Responsive Design: Centralize a Full-Screen Square in Any Screen Size
Box-Sizing: How to Get Rid of the Scrollbar Padding in Firefox
Is There a Shortcut for Setting !Important on Every Property in a CSS File