CSS troubles (lists)

[Stiker]

I have created a nice drop down section on my site using all lists but the problem is i am stuck with all other lists refering to the CSS code. What are the commands to have certain lists use the CSS and others not? Class or id maybe? Here is the Code:

<style type="text/css">
<!--
	   ul {
	   	  list-style: none;
		  padding: 0;
		  margin: 0;
	
		  }
		  ul li a {
		  	    display: block;
			    text-decoration: none;
			    color: #444;
			    background: #EDE1AD;
			    padding: 3px;
		            border-top: 1px solid #000;
			    border-bottom: 1px solid #000
				  
				  }


 		 a {
		      font-weight: bold;
		      color: #333;
		   }

               a {
		       text-decoration: none;
		 	}

         li li a {
		    display: block;
		    font-weight: normal;
		    color: #333;
		    padding: .45em 0px;
		    border-right: 1px solid #333;
		    border-left: 1px solid #333;
		    border-bottom: 1px solid #333;
				  }
				  /* Fix IE. Hide from IE Mac \*/
				  * html ul li { float: left; }
				  * html ul li a { height: 1%; }
				  /* End */


        li {
		   float: left;
		   position: relative;
		   width: 105px;
		   height: 20px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 11px;
		   text-align: center;
		   cursor: default;
		   background-color: white;
		   }

        li ul {
		   	  display: none;
			  position: absolute;
			  top: 100%;
			  left: 0;
			  font-weight: normal;
			  background: #000;
			  padding: 0em 0px 0em 0px;
			  }

        li>ul {
			  top: auto;
			  left: auto;
			  }

        li li {
		   	  display: block;
			  float: none;
			  background-color: #000;
			  
			  }

        li:hover ul, li.over ul {
				 	  display: block;
								}

[Stiker]

Well using what i could figure out with ID i edited that code but am still having trouble with the lists. back to the drawing board

New code:

<style type="text/css">
<!--
	   ul#nav {
	   	  list-style: none;
		  padding: 0;
		  margin: 0;
	
		  }
		  ul li a#nav {
		  	 	  display: block;
				  text-decoration: none;
				  color: #444;
				  background: #EDE1AD;
				  padding: 3px;
				  border-top: 1px solid #000;
				  border-bottom: 1px solid #000
				  
				  }


 		 a#nav {
		   font-weight: bold;
		   color: #333;
		    text-decoration: none;
		 	}

         li li a#nav {
		 	   	 display: block;
				 font-weight: normal;
				 color: #333;
				 padding: .45em 0px;
				 border-right: 1px solid #333;
				 border-left: 1px solid #333;
				 border-bottom: 1px solid #333;
				  }
				  /* Fix IE. Hide from IE Mac \*/
				  * html ul li { float: left; }
				  * html ul li a { height: 1%; }
				  /* End */


        li#nav {
		   float: left;
		   position: relative;
		   width: 105px;
		   height: 20px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 11px;
		   text-align: center;
		   cursor: default;
		   background-color: white;
		   }

        li ul#nav {
		   	  display: none;
			  position: absolute;
			  top: 100%;
			  left: 0;
			  font-weight: normal;
			  background: #000;
			  padding: 0em 0px 0em 0px;
			  }

        li>ul#nav {
			  top: auto;
			  left: auto;
			  }

        li li#nav {
		   	  display: block;
			  float: none;
			  background-color: #000;
			  
			  }

        li:hover ul#nav, li.over ul#nav {
				 	 		 	display: block;
								}

[scrowler]

div#id ul {}
div#id li {}

or

.class ul {}
.class li {}

<div id="id"><ul><li>stuff</li></ul</div>

or

<ul class="class"><li>stuff</li></ul>

[Stiker]

much appriciated scrowler. Makes life so much easier now

[scrowler]

no problemo señor oblamo