using position:absolute to set an inputs width

Question

A simple yet annoying one - I am tryign to set an input[type=text] width by using absolute positioning (ie right:10px;left:10px) yet I cant get it to play ball.

Does

Answer 1

The css positioning doesn't work quite how you want it to. All it does is set it's position relative to it's parent. The key is that (with most browsers) you only get to specify one of left/right, and one of top/bottom.

You can set the width of the input to 100%, then set the padding-left to 10px and the padding-right to 10px of the parent container of the input. That should give you want you want.