Help me fixing a layout
 

My friend asked me to help fixing his site because it has CSS problems. It looks great on full screen with 1366x768 but on larger resolution every element is moving strangely.

It has an another strange anomaly. When i'm not using the browser on full screen and i try to resize the browser window the site goes crazy. Nothing stays at the same place.

It's a Wordpress site with a modified theme (they swapped a few colours and images, but the theme is intact) and we want a fix layout instead of this madness.

I tried everything what i could but nothing helped. Please help me solving this annoying CSS issue. I want a layout which has fixed size and looks the same on every resolution (and every browser window size). How can i "pin down" the elements?

The site address is: http://mcwcarlimo.com

Thank your for your help!

Well if you want it to be a fixed size - the i wouldnt use percentages like you are currently using.
I would use specific widths.

I changed the percentages to fixed values but it's still doing the same. It drives me crazy. No matter how hard i try it doesn't work. It's my second day with this site and zero results.

Please somebody help me... i will give him my half kingdom and my daughters' hand. I'm really desperate now. :confused:

Bump!

I don't see the problem you describe. It looks OK on my resolution of 1920x1080, and nothing is moving around when I resize the window. It is giving off an annoying, repeating script pop-up though.

Looks good on my end now as well.
Looks like you changed it all to specific width's like i had suggested.