两个png在safari中显示不同

Question

我有一个奇怪的问题，即使使用相同版本的Safari和OSX，也只会出现在某些Mac上的Safari 6中。

问题是三个png显示为一个按钮，它们都是css背景图像，并且它们已经通过Photoshop的同一文件同时使用相同的设置从同一文件中保存导出。但是Safari仍然发现在我的png上面显示一种奇怪的纯色是必要的。在放大浏览器时，问题有时（部分）消失。 PC上的Chrome，Firefox，IE和Mac上的Chrome和Firefox都会正常显示图像。下面是png的截图。

以前有人见过这个问题吗？它只是Safari中的一个错误还是有某种解释？我可以理解是否存在伽马校正或颜色配置文件的问题，但这不应该影响两个相似的图像文件，或者至少以相同的方式影响它们，因此您无法发现差异。

我已经创建了一个小提琴，你们可以看到代码和错误（如果你的mac至少显示它很奇怪）Click here for the fiddle但这几乎就是css

.backbutton {
float: left;
margin-top: 20px;
}

.left {
display: block;
float: left;
background: url(http://daanolislagers.nl/btn-arrow-left.png) no-repeat 0 0px;
width: 17px;
height: 30px;
}

.middle {
display: block;
float: left;
background: url(http://daanolislagers.nl/btn-middle.png) repeat-x;
height: 23px;
font-size: 14px;
padding-top: 9px;
padding-left: 3px;
padding-right: 4px;
font-weight: normal;
color: inherit;
min-width: 190px;
text-transform: uppercase;
}

.middle {
min-width: 47px;
}

.right {
display: block;
float: left;
background: url(http://www.daanolislagers.nl/btn-right.png) no-repeat;
width: 3px;
height: 30px;
}

干杯！