For some strange reason all icons (eg. smiles and digiprove icon in the notification "copyright secured by digiprove") are not displayed properly, but are completely stretched out when viewing my site (dwarsliggersschrijven.nl) in Safari. On all other browsers I tested (Firefox, Chrome, IE8), however, the digiprove notification and other icons look fine. I've tried to change the element-style display in the style.css code using CSS Editor, bit to no avail. I also tried to remove the "height:100%" which is specified for <img> tags in style.css at line 157, as suggested by the Copyright Proof plugin developer. But that too did not solve it.
So for now I "solved" the Copyright Proof plugin icon (digiprove) the quick and dirty way by changing the copyright_proof_php file (but kept a copy of the original of course). I replaced the dp_seal_trans_16x16.png style="max-width:none !important;' at both instances to dp_seal_trans_16x16.png style="max-width:16px !important;' Saved the file and uploaded it via my ftp-server. And I removed all smiles from the site. However, I would like to get a more general solution.
Any ideas whether it is a twenty twelve theme bug specific to Safari or or a specific issue associated with my website (or the re-styling I did), and most importantly is there any way I can solve it?
Any suggestions are greatly appreciated!