Ayuda Con Menu!!

<div id="menu">
<ul>
<li> <a href="#">Home</a></li>
<li> <a href="#">Nosotros</a></li>
<li> <a href="#">Servicios</a></li>
<ul> <li><a href="#">Diseño Grafico</a></li>
<li><a href="#">Imprenta</a></li>
</ul>
<li> <a href="#">Tu Logo</a></li>
<li> <a href="#">Sublimación y Estampado</a></li>
<li> <a href="#">Ploteo en Vinilo</a></li>
<li> <a href="#">Clientes</a></li>
<li> <a href="#">Contacto</a></li>

</ul>
</div>

#menu1 ul li {
	list-style-type: none; /* al poner none le quitamos el hito que tenga la lista.. (el circulo o el numero ) */
	padding: 0px 5px; /* Separación entre los li ... de la forma que lo hemos puesto le dá 0px arriba y abajo... y 5px derecha e izquierda */
	float: left; /*cada li flota a la izquierda y salen todos en la misma linea */
}

<div id="menu">
<ul>
  <li class="nivel1"><a href="#" class="nivel1">Opción 1</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 1<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Opción 1.1</a></li>
		<li><a href="#">Opción 1.2</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
  </li>
  <li class="nivel1"><a href="#" class="nivel1">Opción 2</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 2<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Opción 2.1</a></li>
		<li><a href="#">Opción 2.2</a></li>
		<li><a href="#">Opción 2.3</a></li>
		<li><a href="#">Opción 2.4</a></li>
		<li><a href="#">Opción 2.5</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Opción 3</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 3<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Opción 3.1</a></li>
		<li><a href="#">Opción 3.2</a></li>
		<li><a href="#">Opción 3.3</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Opción 4</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Opción 4.1</a></li>
		<li><a href="#">Opción 4.2</a></li>
		<li><a href="#">Opción 4.3</a></li>
		<li><a href="#">Opción 4.4</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Opción 5</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 5<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Opción 5.1</a></li>
		<li><a href="#">Opción 5.2</a></li>
		<li><a href="#">Opción 5.3</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>

#menu {  text-align: center;
font-size: 0.7em;
width: 820px;
margin: 20px auto;
}
#menu ul { 
list-style-type: none; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu ul li.nivel1 { 
float: left;
width: 162px;
margin-right: 2px;
}

#menu ul li a {
display: block;
text-decoration: none;
color: #000;
/*background-color: #399;*/
border: none;
padding: 8px;
position: relative;
}

#menu ul li:hover {
position: relative;
}

#menu ul li a:hover, #menu ul li:hover a.nivel1 {
/*background-color: #6CC;*/
color: #000;
position: relative;
}

#menu ul li a.nivel1 {
display: block!important;
display: none;
position: relative;
}

#menu ul li ul {
display: none;
}

#menu ul li a:hover ul, #menu ul li:hover ul {
display: block;
position: absolute;
left: 0px;
}

#menu ul li ul li a {
width: 160px;
padding: 6px 0px 8px 0px;
/*border-top-color: #000;*/
}

#menu ul li ul li a:hover {
/*border-top-color: #000;*/
position: relative;
}

table.falsa {
border-collapse:collapse;
border:none;
float: left;
position: relative;
}

• Palabra de codigo definidas: Se pone el nombre tal como es....... ej.: body{background-color:#000000;}
  
• Identificador ( id ="menu") ; Se escribe con # ... ej.: #menu
  
• Identificador ( id ="menu") + "algo" ; Se añade despues del identificador ... ej.: #menu ul li {display:none;}
  
• Una clase definida por ti : se escribe con un punto delante : ej.: .clasecuadros {color:#ffffff;}
  

Y otra consulta en head tengo que poner algo referido al menu y la hoja de estilo? yo estoy usando la misma hoja de estilo donde tengo editado lo que es el body. Puede ser ese el error?

<style type="text/css">
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>

@charset "utf-8";
/* CSS Document */

body {background-image:url(Imagenes/fondo.png); background-repeat:repeat; height:1000px;
width:900px; aling:center;
}

#menu {
width: 83.7Em;
height:70px;
background:#333; filter: alpha(opacity=40); opacity:0.4;
}

#menu ul {
list-style-type: none;
}

#menu li a{ float: left; display: block; color: white; font-family:Amethyst, Tunga, Toledo;; font-size: 1.2Em; padding: 8px; margin: 0 3px; border-right:solid 3px #FFF; margin-top:12px;
}

#menu li a {
float: left;
display: block;
color: white;
...
...
}