Overlapping menu in Safari only

[amill016]

I have a problem rendering a menu in Safari. In safari I have a menu that overlaps with my profile picture. I don't have this problem in Chrome or Firefox. The menu position is controlled by the code
#profile_menu{}.__wps__wrapper }
I can change the position of the menu if I add padding-top: 150px; in the {}, but it is applied across browsers. Is there a way to target safari? I tried
@media screen and (-webkit-min-device-pixel-ratio:0)
and a few other hacks, to no avail. Alternatively, is there another way to fix it, so I don't have to hack the code? the website is www.thefreecollective.org/profile/. I can provide a temp login if necessary to see the problem. Thanks.

[sunfighter]

See if you have coding errors first go to http://validator.w3.org/#validate_by_input and post your code there.
Coding error are a big cause of not working in all browser (IE being the exception).