Styling the select element via CSS

Hey I was styling input elements on a web page of mine as follows:

input
{
background-color: #FFFFFF;
width: 200px;
border: 0px black inset;
font-size: .8em;
margin-bottom: .0em;
padding-left: .0em;
padding-right: 0;
padding-top: .0em;
padding-bottom: .0em;
font-family: Verdana;
}

and I wanted to style a drop down menu (select) in a similar fashion, but I cant seem to get rid of the bevelled effect that is default for the drop down menu. I want it to seem like there is no border there at all.

Also, as an aside, is it possible to get the arrow for the drop down list to disappear when the focus is not on the drop down menu? Would probably be achieved by JavaScript but I am just wondering as it would make the page look a lot nicer if the drop arrow only showed when the menu item is being selected. (Don't worry, it's not going onto a web site, it's just for me

Thanks for your time.

hahahahahahahahahahaha

Heh. To clarify adios' response: no.

You could do something similar with divs and a helluva lot of scripting and an equal amount of patience though.

http://webfx.eae.net/dhtml/combobox/ComboBox_API.htm

Thanks,

ComboBox is exactly what I need. Just one question, to make this work in a table you have to reference the parent of the object and I'm not sure how to do that. It is automatically set to document.body, but I have it within <table><tr> and <td> tags. Anyone able to help me with this?

Thanks a lot.