I designed a layout using Layers. Everything looks fine on my local machine but when I upload the files to the server, below problems occure...

1- Main DIV "wrapper" moves to the left of the page, while on my local machine it looks at the center of the page & remain in the center while I resize the browser window. Whats the problem, why does it change its position on server?

2- "Pro" DIV also changes its position. Currently I've give a top value in -ve digits. How can I control its position?

I'm giving the Code of both HTML & CSS. Please guide me where is the problem & how can I fix it?