Strange behavior using CSS border radius

barnowl

New Member
Can someone explain me why the top-left and bottom-left corners are displayed in this way:
sUWKJ.png
using the following CSS:\[code\]form .form-field { height: 20px; padding: 5px; border: 1px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }\[/code\]both input field and the textarea have "form-field" class. (same behavior in Safari, Chrome and Firefox)
 
Back
Top