problema con dos listas diferentes en la misma pagina.

Hola a todos-as.
Soy novato en el css, pero encuentro que es un tema tan interesante, y potente que hasta me quita horas de sueño. ¿seran los problemas con IE ?.
Voy a mi pregunta:
He puesto en mi pagina principal unos menus hechos con listas, siguiendo los tutoriales, por aqui encontrados, (perfecto, hasta con IE ) y despues he puesto un calendario hecho en Javascript, que lo presenta en una lista, configurable con css.
El problema: al tener dos listas diferentes, (fondos, margenes, alineacion, etc) no me funciona ni los menus ni el calendario. He probado de poner clases en las listas, pero no doy con la solucion.Cada lista esta en un div diferente.

¿que puedo hacer para soluconarlo?

Gracias de antemano.
Xavier.

Tienes la pagina montada? Con un link te podemos ayudar mejor.

Es posible que hayas usado estilos a los elementos en general, en lugar de eso es mejor que uses identificadores, por ejemplo:

Código :

#menu{
   position:relative;
   list-style:none;
   otras-cosas:etc;
}
#calendario{
   position:absolute;
   list-style:none;
   otras-cosas:etc;
}

y en el (x)html usar algo como...

Código :

<ul id="menu">li li li...</div>

No recuerdo si en el tuto de ramm se usaba un script en javascript para crear el efecto de menús despegables,pero si no estás usando un menú de más de un nivel, no te hace falta, así que puedes prescindir del script, puede que el del calendario y el menú utilicen el mismo nombre de variables, o qué se yo...
Como ya te han dicho, pon un link y es más fácil, o al menos código (usando sus respectivas etiquetas [c o d e] [/c o d e])

Hola de nuevo.
voy a poner parte del codigo para que quede mas claro, lo del calendario pondre solo la parte que se ponen las listas, ya que como me lo copie de otra web, no se si ponerlo todo.
el menu que tengo tiene submenus y supongo que es donde esta el lio y me pierdo.
la parte html.

Código :

//ESCRIBE EL CALENDARIO EN PÁGINA
document.write("<ul class='any'>");
document.write("<li class='mes'>" + meses[mes-1] + "</li>");
document.write("<li class='dia'>dl</li><li class='dia'>dm</li><li class='dia'>dc</li><li class='dia'>dj</li><li class='dia'>dv</li><li class='dia'>ds</li><li class='dia'>dg</li>")   
   for (j = 0; j < dia_semanact; j++) {
   document.write("<li>&nbsp;</li>")
   }
   for (i = 0; i < diasmesact; i++) {
   document.write("<li>")
   if(enlaces[i]!=null){
   document.write('<a href="' + enlaces[i] + '">' + numdias[i] + '</a>')
   }
   else {
   document.write(numdias[i])
   }
   document.write("</li>")
   }
document.write("</ul>");
}
</script>

<!-- LA PARTE DE LOS MENUS -->  
  <div id="menus">
          <ul class="nav"> 
          <li><a href="../index.html">Inici</a></li> 
             <li><a href="#">Noticies</a> 
               <ul> 
               <li><a href="#">Últim butlletí</a></li> 
                  <li><a href="#">Noticies antigues</a></li> 
              </ul> 
          </li> 
                 </ul>
       </div>

los menus se repiten con mas opciones, para no poner todo el codigo .
la clase nav esta para el over de IE.

el css, las dos listas estan dentro de div diferentes, pero estos estan dentro del mismo.

Código :

/*CALENDARIO*/
ul li {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   list-style-type:none;
   background-color:#66CC66;
   padding:5px;
   padding-left:3px;
   padding-right:3px;
   margin-right:1px;
   margin-bottom:1px;
   float:left;
   color: #666;
   width:20px;
   display:inline;
   text-align:center;
   position:relative;
}
a{
color:#333333
}
.dia {
background-color:#666666;
background-image:url(fons_butons3.jpg);
color:#000;
font-size:10px;
}
.mes {
background-color:#666666;
background-image:url(fons_butons3.jpg);
color:#f00;
font-size:10px;
width:182px;
font-size:12px;
font-weight:bold;
}
.contenedor_calendario {
width:240px;
position:absolute;
top:1em;
left:45em;
}

[code]
/*MENUS*/
#menus {
border: 0px solid #666666;
background-color:transparent;
border-left:0px;
position: relative;
padding:0.5em;
margin:0px;
height: 47em;
width: 120px;
top: 139px;
z-index:2;
}
ul {
padding:0px;
margin:0px;
list-style:none;
width:100px;
border-bottom:1px solid #666;
}
ul li {
position:relative;
}
li ul {
display:none;
list-style:none;
position:absolute;
top:0px;
left:99px;
}
ul li a {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#00f;
padding:2px;
background-image:url(fons_butons3.jpg);
background-position:0px;
background-repeat:repeat-y;
border:1px solid #666;
border-bottom:0px;
}
li a:hover {
background-image:url(fons_butons3.jpg);
background-position:-100px;
background-repeat:repeat-y;
border:1px solid #000;
border-bottom:0px;
text-decoration:underline;
color:#f00;
}
/*fix IE. hide from IE mac \*/
* html ul li {float:left; height:1%;}
* html ul li a {height:1%;}
/*end*/
li:hover ul, li.over ul {
display:block;
}
[code]

Bueno, espero que asi sea mas claro, y gracias por vuestra ayuda.
Xavier.

Perdon, no he puesto el codigo en su sitio, la proxima vez a ver si lo consigo.

La verdad es que no aclara demasiado, se me olvidó decirte en el anterior mensaje que los miraras por separado, a ver si funcionan así. Por otro lado, el javascript que estás poniendo es intrusivo, no deberías usarlo. Y por último, tiene pinta de utilizar nombres de variables iguales, pon las dos funciones enteras y aver qué hacemos...

Gracias Jhnny por tu interes.
La verdad es que ya he desistido, y voy a poner un calendario con un solo mes hecho con divs, de todas maneras tengo que marcar los eventos de todos los fines de semana manualmente cada mes.
Te explico lo que he comprovado.
primero, no se quieres decir con javascript intrusivo, pero yo de java, no se ni una coma.
Si, he provado las listas por separado y funcionan perfectamente, es al ponerlas juntas que supongo que se mezclan los atributos de las dos. o sea en el css especifico dos formas de presentar una ul y se mezclan. en fin... la pregunta seria: ¿hay alguna forma de cerrar un div o lo que sea de manera que todo lo que hay dentro SOLO le afecte a el ?
He provado canviando nombres en divs, ul, il y todo lo que se me ha ocurrido, por pruevas no he quedado, por eso he desitido.
pero si hay alguna forma de hacerlo facil, pues seria bueno saberla, por si mañana....

Gracias
Xavier.

Bueno, lo de javascript intrudsivo buscalo en google, hay mucha info y ponernos aquí a discutirlo sería convertir en offtopic este tema. Si te fallan solamente cuando están juntos es, casi seguro, por culpa del javascript, así que pon todo el código de javascript que estés usando para que lo analicemos, incluidos los archivos *.js

hola.
Gracias por tu interes, pero como de jvascript no tengo ni idea, pues no lo pongo, hago otro planteamiento, ya que si despues me da mas problemas me quedo tirado.
Gracias de nuevo por tu interes y procurare ponerme metas mas a mi nivel de conocimientos, de momento css y despues, cuando controle ya pasaremos a javascript.
Saludos. Xavier.