90% of browser rendering problems are code related. If your page is broken in Safari, it is highly likely that it is broken in other browsers, too. Check your code for validation errors.
Also, when testing pages in multiple browsers, it's a good idea to ensure they're all using the same default text size and zoom level (normal).
For better answers, you would need to post a URL to your problem page.
Here is my problem page.
The problem area is the padding or margins. If you look at this page in firefox you will notice everything is centered well, and in Safari the center information is off to the right and the bottom of the "framed" box is longer.
I think that you have too many closing </div> tags.
Possibly up to three.
find those and you will find enlightenment....
i counted the right amount...so i dont know whats going on.
I counted them again and looks like I was mistaken.
PZ's suggestion to fix the validation errors is a good one.
I took a screenshot of your page from Firefox (shown below). I assume you're seeing the same problem in Safari. If you increase text size one click, the keyboard image drops below the #contact division.
1) Height is a restiction in all browsers except IE. Avoid using height values on containers with text in them. If needed to show a background image, use the min-height property.
2) Fix your code errors. Some browsers are very sensitive to errors.
3) Your #content lacks cohesion. You need 3 columns, each with a width in pixels. Or simply use a 3-column table.