Como hacer lo siguiente con css ?

[ariki]

ese te sirve si haces dos input del boton y del number

Código HTML:

#number{
    padding: 5px;   
    border: 1px solid #DDDDDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	background-color:#FFF; 
}
#number:hover
{
    border:1px solid #dedede;
}
#number:focus
{
    box-shadow:0 0 2px #FFFE00;
}
#botonx{
    
    padding: 5px;
	background-color:#FFF;    
	border: 1px solid #DDDDDD;
	text-align:center; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
#botonx:active{
	background-color: #666666;
}