スパンでの入力（設定位置）

Question

入力枠境界をスパン境界に置き換えたいが、入力の正しい位置を設定できません。

スパン=オレンジ、入力=灰色： Image

CSS

input[type=text] 
{ 
    padding: 0px; 
    outline: none; /*border: 0;*/ 
} 

.mySpan 
{ 
    padding: 0; 
    border: 1px solid darkorange; 
} 

HTML

<span class="mySpan">    
    <input id="myInput" type="text" value="SUP" /> 
</span> 

Answer 1

border:0; 

http://jsfiddle.net/yLLhY/