CSS Mess on my hands.

I am editing a site in Dreamweaver, and I have what appears to be a CSS fiasco. Some how all these CSS elements got a little out of alignment (<.<)
The web browser and the design view in dreamweaver apparently don't render the same. (-.-)

If anyone has an idea how I can get these elements lined up that would be awesome.

Webbrowser:
http://ipatch.penguinmilitia.net/wp-content/uploads/2011/10/webbrowser.png
http://ipatch.penguinmilitia.net/wp-content/uploads/2011/10/webbrowser.png

Dreamweaver:
http://ipatch.penguinmilitia.net/wp-content/uploads/2011/10/dreamweaver-1024x909.png
http://ipatch.penguinmilitia.net/wp-content/uploads/2011/10/dreamweaver-1024x909.png

Hello ipatch,
Hate to tell you but you should not rely on DW's design view for anything.

For us to see what's wrong we would need a link to the test site, some code at the very minimum.

I just looked at http://www.gmsdent.com/profile_dar.html

That page has quite a few problems...

Typically your site would be wrapped in a containing element that you could center, so all the contained divs could line up off it.

Instead, that page has a #top-bar that is ap, left: 50%; and margin-left: 441px;
Then your #background is ap, left: 578px and margin-left: 441px;

No wonder they don't line up.

Hello ipatch,
Hate to tell you but you should not rely on DW's design view for anything.

For us to see what's wrong we would need a link to the test site, some code at the very minimum.

Yeah, I guess it is just a tough lesson learned :-/