Horizontal Lists

Ok, I know a million and one people have asked about this, time and again – but I just can’t suss it out! I have even blatantly copied code from the example pages on the WordPress site – doesn’t work for me! Please help, this is making me bald!!

I want a horizontal list of the alphabet, with each letter linking to a page (for that letter). Here’s what I have…

<div id="navmenu">

<ul>
<li>A - </li>
<li><a href="gloss_b.htm">B</a> - </li>
<li><a href="gloss_c.htm">C</a> - </li>
<li><a href="gloss_d.htm">D</a> - </li>
</ul>
</div>

and

#navmenu ul { margin: 0; padding: 0;
list-style-type: none; list-style-image: none; text-align: center;}
#navmenu li { display: inline; padding: 5px 20px 5px 20px }

#navmenu ul li a { text-decoration:0; padding:.2em 1em; }

What have I missed?

Thanks