Why doesnt the whole DIV content show

Instead of a separate mobile version, just keep the layout fluid in the first place instead of making rigid css rules and using absolute positioning everywhere. Things that will need to be undone and overcome when the time comes you decide to do all the work again for your mobile version.
Why not do it right, do it once?

As things stand the elements in the header start to clash at about 1024px width. The text in the main body part clashes if it exceeds the 50px container height, which it will on narrower screens. Both these problems are due to inappropriate use of absolute positioning.
This is why the layout should be fluid for all screens, not just the smallest ones.

Yes the viewport meta tag is a must, but don’t disable user scaling.