[RESOLVED] More CSS problems :( (Resolved Again)

[space_monkey]

Ok went looking for some examples on how to make my website look cooler. I found a css example that was pretty simple and looked neat. Just a basic change of a hyperlinks background color on hover. Here's the code in the css page.

	ul
	{
		float:left;
		width:100%;
		padding:0;
		margin:0;
		list-style-type:none;
	}
	a
	{
		float:left;
		width:6em;
		text-decoration:none;
		color:White;
		background-color:Navy;
		padding:0.2em 0.6em;
		border-right:1px solid white;
	}
	a:hover {background-color:Black}
	li {display:inline}

My problem is that now i want to do a different kind of hyperlink on the same page, but i keep getting this style. I'm trying to create a seperate menu on the left that will be full of hyperlinks but i'd like them to be a different still. I put the links in a component and then dropped them on the page but i still get the same style. If you can point me in the right direction i'd appreciate it.

Thanks
Andy