2
you didn't do anything wrong. The default theme's css has a style defined similar to this:
le="color: #000000"><?php 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 <div> tag with an id around the entire contents of that template:
le="color: #000000"><?php <div id="userform"> <!--other HTML here--> </div>
then in your stylesheet add:
le="color: #000000"><?php #userform table { width:auto;}
