Hi. I have a row of menu buttons on my church's website, one of which (Archives) links to a page with multiple links. I'd like to change that one button to display a drop-down list. I've read many tutorials on how to create a drop-down list but I want to keep the buttons I already have; I was wondering if it was possible to simply add code to the existing page or style sheet to modify just that one button to make it a drop-down.

I tried adding the following code to the Archives button...

Code:
<div id="menu">
		<ul>
			<li id="button1"><a href="http://cbcwalbrook.org/" title="">Home</a></li>
			<li id="button2"><a href="/doctrine.html" title="">Doctrine</a></li>
			<li id="button3"><a href="/history.html" title="">History</a></li>
			<li id="button4"><a href="/ministries.html" title="">Ministries</a></li>
			<li id="button5"><a href="/archives.html" title="">Archives</a>
				<ul>
					<li><a href="/videos.html" title="">Videos</a></li>
					<li><a href="/pictures.html" title="">Pictures</a></li>
				</ul></li>
		</ul>
	</div>
... but all that did was create additional buttons. Am I pursuing an impossible goal using CSS?


http://cbcwalbrook.org/

Thank you.

silas