a CSS and javascript (i think) question

I am trying (and i stress trying) to make a drop down menu. NOT the kind on the TPS front page, for example, but the kind that looks like this:

------

As for the JavaScript(?): When the selection is chosen, the link will automatically open in the same window.

And the CSS: How would I make them all small like that? I have tried changing the size and color in a seperate .css document, so i must be doing something wrong.

------

Now, I've seen these stupid things all over the 'net. As a matter of fact, there is one at the bottom of this very page. But no search engine has weilded any results for a tutorial. I am asking for some help with the actual code to make it jump automatically, and the CSS code to make it small and colored.

Many thanks go out to anyone who can help me!! ;)

1)

option{background:#yourcolorhere; font-family:verdana,arial,helvetica; color:#yourcolorhere; font-size:XXpt; font-weight:XXX}

2)

Add this to your select statement:
onchange="window.location=('this.options[this.selectedIndex].value)"

I think.

OK, the CSS works :D :D :D :D :D , but the JavaScript (by the way, is it javascript?) doesn't work. You can look at the test page here if you want to look at my code. Thanks!

Try this then (I forgot something):

<select name="menu" onchange="window.location=(form.menu.options[form.menu.selectedIndex].value)">

niiiiice. Thank you so much MBB!!! Many thanks go to you. :D

No problem. Glad I could help.

Ok, this is utter crap. I now have tried to put the code into my layout (link), and it is really messed up. If you look at the code, you can see that I've put the code in three different ways, one for each menu. Please check it out and tell me what's wrong. Thanks.

btw, I do want 3 of them in there. ;)

The link again

What's wrong? They all 3 work for me. :confused:

yes, but the are supposed to be aligned differently. They should look like this:

Broken Link