Because the integrated bugreport-tool in Chrome won’t support to attach a different screenshot and because the website I’m working on is not yet released – and because I’m currently to lazy to build a HTML-demo – I present a rendering-bug for the -webkit-radial-gradient that seems to be MacOS X only:

The relevant part of the style-sheet:

.addonContent:before {
content:”\0000a0″;
display:block; position: absolute;
top:0; left:-1px;
width: 4px; height:100%;

background-image:-webkit-radial-gradient(left center, ellipse farthest-side, rgba(0, 0, 0, 0.5), transparent);
}

On Windows 7 it looks right:

On MacOS X (10.6.8) it looks like this:

And if I replace “height” with a fixed number like 36px, then it won’t change – it still looks bad on MacOS X.