У меня еще одна хитрая ситуация с CSS3, о которой я ломаю голову. Я оформляю форму с помощью CSS, чтобы иметь границу 10 пикселей по бокам и границу 12 пикселей внизу в сочетании с радиусом границы 15 пикселей.
К сожалению, точка, где границы 12px и 10px встречаются с переходом, не является постепенной, но есть фрагмент 2px, торчащий изнутри границы. Пример (размеры увеличены для ясности):
http://jsfiddle.net/LnKND/1/
Есть идеи, как это исправить, используя только CSS и без лишних элементов? Или это именно так, как это делается в настоящее время, и я должен найти другое решение?