Input text ir Input submit skirtingi plociai

Tai va susiduriau su problema, kad turiu inputus ir po to submit button'a kuris naudoja ta pati CSS ir yra nurodyti kaip 400px plocio. Ir va submit buttonas yra trumpesnis ant IE. O ant FF, Chrome viskas OK. Kur cia problema?

	input, textarea { 
		padding: 9px;
		border: solid 1px #E5E5E5;
		outline: 0;
		font: normal 13px/100% Verdana, Tahoma, sans-serif;
		width: 400px;
		background: #FFFFFF;
		background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
		background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

Šiaip naudojant vien tavo duotą CSS, tiek IE, tiek Chrome su Firefox rodo "text" lauką ilgesnį (būtent "text" laukas ilgesnis, o ne "submit" laukas trumpesnis). Taip yra todėl, kad nurodydamas "width: 400px" tu nustatai pačio turinio plotį, prie kurio vėliau dar priskaičiuojamas padding ir border: 400px + ((9px + 1px) * 2) = 420px.

Siūlyčiau šitiem elementam nustatyti "box-sizing: border-box", tada naršyklė persiorientuos ir elemento plotį rodys tokį koks nustatytas su "width" - http://jsfiddle.net/kJfff/