Doing a input type=“text” with CSS3 and fixed image on the background

Question

I am developing my first HTML5 / CSS3 website and I want to do all I can correctly and with well methods and being usable too.

I have to reproduce the next search in

Answer 1

You should try :

background-image : url(path/to/your/image/relative/to/css/file) no-repeat;
background-position : right;

You don't need

You should also consider using a more specific CSS rule (to prevent styling other inputs)

#header-search input[type="text"]