Personalizzare immagine Cerca

Salve a tutti, sapete per caso come personalizzare l'immagine Cerca (magari al posto del rettangolo mettere un'ellisse o qualcos'altro e come sfondo azzurro?)..allego screen:

Ciao PDA--->Visualizzazione--->colori--->Foglio CSS

Codice:

/* fonction rechercher */
#search-box{position: center;
bottom: 55px;
height: 40px;
width: 180px;
right: -150px;
display: inline;
background: transparent url(http://i49.tinypic.com/f3cfo5.jpg) no-repeat center;}

#search-box input.button2 {
display: none;}

#search-box #keywords {
width: 70px;
color: white;
font-family: Trebuchet MS;
font-size: 16 px;
font-style: italic;
font-weight: lighter;
background: transparent;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 30px;
margin-top: 15px;}

in questo caso il risultato è il seguente
ma cambiando a tuo piacimento verrà come vorrai tu

Grazie 1000 ma...potresti dirmi cosa modificare esattamente?

Ciao scusa del ritardo

Codice:

http://i49.tinypic.com/f3cfo5.jpg

modificando questa immagine con qualsiasi cosa che vuoi tu

Grazie 1000!!! Puoi darmi un sito per barre di ricerca come quella di forumattivo?

non c'è un sito, questa immagine è stata fatta da grafici

a me non funziona.

Uffa, vabbè mi arrangerò!!! Grazie 1000 comunque Devil!