Problem with <input type='text' /> and <textarea> width

Question

In the following code, both the INPUT and TEXTAREA elements render wider than they should. How can I limit them to 100% of the usable area within the div?

&         


        

Answer 1

Add "padding-right:3px;" to the div so it reads as:

Because you have added a border to the div that also counts as internal space of the div.

The reason it works without the doc declaration is that the browser does not render the page as transitional XHTML but plain old html which has a different rendering method for div's etc.