CSS: Remove padding within select element

Question

I\'m trying to remove padding from within a select element so that the text within it lines up with the text in the input element directly below it.

I\'ve tried the

Answer 1

remove the text-indent: 3px; from select css

input, select {
    float: right;
    width: 50%;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: Calibri;
    font-size: 12px;
}

http://jsfiddle.net/pLSkH/4/

text-indent: 3px;causing horizontal spacing with respect to the left, so its seems like a padding