Problems with page line-up (head and leg)

Hello everyone, after successfully solving problems with different browsers, I have come to another problem with lining up the page.

The place where I test the webpage is http://ddos.si/modx (click to view)

1. The Problem is that above the head and under the leg of the page there is a small white gap which should not be there and I don’t know howto solve it.
It might be something with some ratios, but when I ’’optimized’’ - (if I can say it like this) the page those two ’white gaps’ appeared. Help anyone ? (I just made a quick example of the gap (it is in grey) in the head; but the same problem I have in the leg... )
Head:

(Notice the grey part - thats the gap of white on the page, which should not be there...)

2. The second problem is letters: š,č,ž -> If I change the unicode after transfering that template on the other domain should this be fixed ?

Thank you for reading and help!

Regards,
Rok

P.S. Please tell me if I should provide any additional information...

1. You need a CSS rule for the body with margin:0;

2. Check your DB: all collations utf-8?
Check configuration of TinyMCE plugin: Entity Encoding = raw?

Add this to your css to rectify the first problem ( you may need to asjust other margin and padding)