Абсолютная позиция css не работает во входном теге

привет, проблема в том, что я указал абсолютную позицию для ввода, но я просто обнаружил, что абсолютная позиция не работает во входном теге, может кто-нибудь знает? я просто хочу, чтобы мой макет был жидким, позиционируя, поэтому я использую это, вот мой HTML-код:

<div id="savevalue">
    <input type="text" name="name" id="name" class="inpt" />
    <input type="button" value="Submit" class="btn" />
</div>

и вот код css:

.inpt{
    background:#fff;
    border:1px solid #ccc;
    height:30px;
    font-size:18px;
    position:absolute;
    left:0;
    right:100px;
}
.btn{
    height:30px;
    background:#333;
    border:1px solid #222;
    font-size:18px;
    color:#fff;
    padding:0 15px;
    position:absolute;
    right:0;
}