-webkit-border-radius acts differently from -moz-border-radius

Question

My website is showing up differently on Safari vs Firefox. I would like to have the CSS make it look the same on Safari. I know that I could use two div boxes, one for the out

Answer 1

This is a known bug in webkit browsers

See this example

So in short, yes, for now you have to wrap the image in a div. Sucks.

See these bug reports:

http://code.google.com/p/chromium/issues/detail?id=82417
https://bugs.webkit.org/show_bug.cgi?id=30475

For now, wrap it in a div, as I have done here