Menu di navigazione verticale con css

[[trodat]]

Ciao, ho questo foglio di stile, che richiama un menu di navigazione verticale in una pagina htm:

<style type="text/css"><!--
#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}
--></style>

Che richiamo con:

[*]
    Blog Sites
    <ul>[*]
        Tommy Olsen
      [*]
        Jeffrey Zeldman
      [*]
        Eric Meyer
      [/list]
  [*]
    Other Sites
    <ul>[*]
        Accessify
      [*]
        World Wide Web Consortium
        <ul>[*]
            The W3C Markup Validator
          [*]
            The W3C CSS Validator
          [*]
            The Web Content Accessibility Guidelines
          [/list]
      [/list]
  [/list]

Se volessi utilizzare con questo foglio di stile un secondo menu di navigazione verticale nella stessa pagina htm, come devo fare ?

Grazie

[floyd46]

lo puoi fare assegnanmdo una classe ad ul e li.
Floyd