2 search bar things...

How do I make the first one look like the second one?

Is this the first image how it is on your forum.
I need your forum link and i will take a look.

Dont want to relase my forum link here... Its on my own language, and I dont want to get spam to my forums, but first image is how it looks now...

I added to CSS this:

Code:

#search-box input#keywords {
    background: url("http://img856.imageshack.us/img856/8936/hakue.png");
    width: 90px;
    height: 25px;
}
#search-box input.button2 {
    background: url("http://img841.imageshack.us/img841/8282/hae.png");
    width: auto;
    height: 31px;
  #search-box #keywords {
   width: 95px;
   background-color: transparent;
   }
#search-box input, {
   border: none;
   }
}
#search-box input.button1 {
   padding: none;
   }

Solved?

No... Idk who added that solved icon...

Try this

Code:

        #search-box input#keywords {
            background: url("http://img856.imageshack.us/img856/8936/hakue.png");
            width: 117px;
            height: 30px;
        }
        #search-box input.button2 {
            background: url("http://img841.imageshack.us/img841/8282/hae.png");
            width: 31px;
            height: 30px;
          #search-box #keywords {
          width: 117px;
          background-color: transparent;
          }
        #search-box input, {
          border: none;
          }
        }
        #search-box input.button1 {
          padding: none;
          }

Wont work... Idk