Absolute css position not working in input tag

Question

hi the problem is that I gave an absolute position for input, but I just think that the absolute position does not work in the input tag, can anyone know? I just want my breadboard fluid to position why I use this here is my HTML code:

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

and here is the css code:

 .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; } 

Answer 1

yes it works fine using

 width: -moz-available 

thanks to everyone