Horizontal Menus not working

I’m unable to get the horizontal menus to appear horitontally. The list keeps coming out vertically. I followed the instructions in the documentation on how to change the default settings. I copied this piece of code (again from documentaiton)

#navmenu ul {margin: 0; padding: 0;
list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none; margin: 4px;
padding: 5px 20px 5px 20px; color: blue;
background: pink;}
#navmenu ul li a:hover {color: purple;
background: yellow; }

and placed it in (using classic)
wp-content/themes/classic/style.css
and also tried
wp-content/themes/default/style.css

In case browsers CSS is turned off, I also copied the line (as per doc)

<p>Archives:<?php wp_get_archives(‘format=custom&show_post_count=1&type=yearly&after=;’); ?>
Categories:<?php echo str_replace(‘
‘,’;’, wp_list_categories(‘style=&show_count=1&echo=0’));?></p>

but with no luck. I think I might be copying all this in the wrong place. Any help is greatly appreciated. Thanks.