CSS background for textarea

There are many ways of customizing your form elements. One thing to keep in mind is that web users are used to the form elements that their browsers gives them by default, so for usability reasons, I recommend leaving the form elements alone in their default state.

You can apply a background-color or background-image to any form element. In this example i'm using it in a textarea, and you can also see why sometimes it is not a good idea to change the background. The left part of the text is very hard to read.

Give me feedback on this page/code

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatio Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatio

CSS:


<style type="text/css">

<!--

textarea {

background-image: url(abduction.jpg);

height: 150px;

width: 190px;

}

-->

</style>

HTML:


<form name="form1" method="post" action="">

<textarea name="textarea"></textarea>

</form>