If you take the above code and look at it in the html view it has all kinds of extra junk added between the tags.  I found a work around by putting all of the html tags on one line, but it will make editing or creating templates a pain.   There has to be some setting that can be set so that the junk characters will not be placed inbetween the html tags.  I've looked at the sample templates and none of them have the junk characters added and the html tags are not on one line.  Thanks for you help on this.