I have solved my own question:
I resized my existing html page to be centred and 768 in height the user interface now appears within that container/page.
I then created a new widget in Dashcode
I then copied the html file to the Widget and renamed it main.html overwriting the existing main.html
I then opened this widget in Dashcode
Selected the plist and increased the width to 1024px and height to 768px
opened the book
installed the widget etc etc
Now when you now open the widget it appears top centre on the page leaving it clear of the keyboard.