Overflow Hidden, Border Radius And Transform In Android Browser

I have a 'box' that 'cuts' a piece of a 'circle', which is to say there's a div that has overflow hidden with a much large div inside of it, the inner having a border-radius. I hav

Solution 1:

I've removed the CSS Vendor prefixes in my example, but if you add the ones you need back this might fix it.

http://jsfiddle.net/FB6rf/24/

unfortunately I don't have an android device to test on, but I've updated the CSS the sanest way I could think about it. (You'll also notice the edges of the square aren't as jagged -- this problem was due to having the most inner element set to overflow:hidden)

Hope it helps!