css works in ie but not in win7 mobile

[.paul.]

I've got some css for resizing a textarea in a frame:

#txtWords {
    display: table;
    width: 100%;
    height: 100%;
}
#txtWords textarea {
    display: table-cell;
    vertical-align: top;
    horizontal-align: left;
    width: 100%;
    height: 100%;
    padding: 0px;
}

this works well in ie (untested in chrome), but not in windows mobile.
here's the url if you want to try it:

http://www.scproject.biz/hangman.php

thanks for any help.

Moderator's Note: Please don't hot link to your project.

Edit: In windows mobile, the textarea displays at its default size.
There is also an issue with Frame resizing, which again works ok in ie, but not in windows mobile.

[.paul.]

I have this menu, which displays properly in ie:



in windows mobile, the width expands to screen width, when it should autosize to the width of the widest list item.
I have sub menus, which are displayed + hidden by javascript, that are almost identical in the html + css styling, that display properly.

Also my background image doesn't centre in the screen.

Can anyone give me any guidance on this?