CSS for drop down menu in search box

I have wesite with multiple categories (databases). I need drop down menu in search box.

Here is form:
<form action='/searchredir.php' method='GET'>
<input type='text' name='q' />
<select name='site'>
<option value='all'>All</option>
<option value='1'>Category 1</option>
<option value='2'>Category 2</option>
<option value='3'>Category 3</option>
</select>
<input type='submit' value='Search' />
</form>

I'm looking for search box like on Target.com , walmart.com or amazon.com.

Can somebody take a look?
Thank you in advance.

 

You seem to have one, so what's your question? Or do you want to try and STYLE it? If so...

DON'T! The only way to custom style one is to replace it with scripttardery, and that pisses on accessibility.

Well, not the only way, you could turn it into a group of radio buttons instead of a select, using CSS to style it that way... you'd hide the selects and use label's with FOR attributes to show it.

What exactly are you trying to do?

 

I have drop down menu in search box here:
http://www.furniturefinder.biz and here
http://www.furniturefinder.biz/furniture/search.php?q=sofa

CSS for "Select" field is in 2 CSS.
I need a correct CSS and maybe a new look.

 

Could you explain in more detail, maybe in ENGLISH? You really aren't saying anything meaningful... is there a question in there? Something you want done?

 

Yes Sir!!!!
Styling for search box is in 2 CSS.

http://www.furniturefinder.biz/default.css
http://www.furniturefinder.biz/html/vendor/foundation.min.css

One CSS is from template I've bought - and second one is from CSS attached to software script by developer.
I think they're in conflict.

1. I need one clear CSS code for that box. So I can remove old code and put it in on one CSS.
2. I'd like to have search box similar to target.com or amazon.com