modifying the borders of drop-down menus

[infraviolet]

i learned that you can modify the borders of one-line text boxes in html using stylesheets.. for example..
<input type="text" name="pangalan" maxlength="35" size="40" class="box">

then on the stylesheet..
.box {
border-width: 1px;
border-style: solid;
border-color: Fuchsia;
}
would replace the standard 3d text boxes with flat text boxes with borders..

however, if done on a drop-down menu..
<select name="pababa" size="1" class="box">
<option value="item1">item1</option>
<option value="item2">item2</option>
</select>
doesn't seem to create any difference.. it still appears in 3d..

i really need to fix that because having a lone 3d drop-down menu looks ugly when my form is full of flat text boxes..

thanks in advance..

[Fang]

Can not be changed with select. The best option is to fake it with div.

[infraviolet]

Ok thanks Fang.. another problem though.. i'm quite new to web development and i dont know how to fake that in div.. could you help me please..?

thank you in advance..

[Fang]

Look at Suckerfish dropdowns (http://www.alistapart.com/articles/dropdowns/) or news script (http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_23.html). The first is to be recommended.

[infraviolet]

ok.. i will now
thank you again Fang!