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:

http://www.scproject.biz/23-11-2013_16.21.51.jpg

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?