2
you didn't do anything wrong. The default theme's css has a style defined similar to this:
table {width: 100%; padding: 3; font-size: small;}
which sets every table's default width to 100%.
To override this behavior, you need a hook to identify the tables you don't want to be 100%. A common way to add a hook is to add a
tag with an id around the entire contents of that template:
<div id="userform">
div>
then in your stylesheet add:
#userform table { width:auto;}
