26355 2009-06-12 14:29:39 -0700 with insufficient room for padding, button label is not centered 2009-06-12 14:33:49 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All Windows XP NEW P2 Normal --- 1 jshin webkit-unassigned oldest_to_newest 125529 0 jshin 2009-06-12 14:29:39 -0700 <input type=button style="width:25px; font-size: 18px" value="A"></input> <input type=button style="width:25px; font-size: 18px; padding: 0px;" value="A"></input> On Mac OS X, two buttons above are rendered identically. In both cases, 'A' is centered in the button. On Windows (Safari 4 and Chrome), 'A' is not centered but shifted to the right in the first button as if left-padding is applied first without considering whether there's enough room for 'right-padding. The UA stylesheet for input button has 'padding-left' and 'padding-right' set to 6px. 125532 1 31213 jshin 2009-06-12 14:33:49 -0700 Created attachment 31213 test the first button : width: 25px, font-size:18px the 2nd button: width: 25px, font-size:18px, padding:0 the 3rd button : width:40px, font-size: 18px 31213 2009-06-12 14:33:49 -0700 2009-06-12 14:33:49 -0700 test button.html text/html 323 jshin PGh0bWw+CjxoZWFkPjx0aXRsZT5idXR0b24gdGVzdDwvdGl0bGU+CjwvaGVhZD4KPGJvZHk+Cjxp bnB1dCB0eXBlPWJ1dHRvbiBzdHlsZT0id2lkdGg6MjVweDsgZm9udC1zaXplOiAxOHB4IiB2YWx1 ZT0iQSI+PC9pbnB1dD4KPGlucHV0IHR5cGU9YnV0dG9uIHN0eWxlPSJ3aWR0aDoyNXB4OyBmb250 LXNpemU6IDE4cHg7IHBhZGRpbmc6IDBweDsiIHZhbHVlPSJBIj48L2lucHV0Pgo8aW5wdXQgdHlw ZT1idXR0b24gc3R5bGU9IndpZHRoOjQwcHg7IGZvbnQtc2l6ZTogMThweDsgcGFkZGluZzogMHB4 OyIgdmFsdWU9IkEiPjwvaW5wdXQ+CjwvYm9keT4KPC9odG1sPgo=