I followed the trick for the pull-down menu for archive listings in this post and it worked out well. You can see it on the sidebar here.

But, as you can see, the text doesn't show up unless you scroll over it. Is there something in the CSS to change this or is it in the javascript? I am afraid to say that I am javascript illiterate.

Thanks!

That is happening because of your CSS. You will either need to change the color: property for the select like so or set a class for the select like so and style that like so

Hope that helps

I apologize for the late reply but I just saw this today. I opted to set the archive pull-down menu as a class because I was afraid to throw off anything else. I'd rather have slightly extraneous coding instead of jacked up coding.

It worked perfectly. Thanks, Arvind!

Just thought I'd add an update to this for anyone who wants to use this in the future.

As I mentioned, I created a class for the pull-down archive menu but suddenly was receiving two pull-down menus, one of which was functioning but not complying to the class's CSS.

I deleted the class setting and just used the settings for it in the "input, checkbox, textarea, select" div. That resolved the problem!