title: Menus and sub Menus problem?
body: <p>Using CSS Style Sheet</p>
  
  <p>In my web page, i have two class like menu and leftside. In menu i have the ul, li classes. i want to use a ul, li in left side also, but the problem is if i used the ul, li, it was matching with menu ul, li</p>
  
  <p>ul -underlist, li - list</p>
  
  <p>I tried to change the code of sheet, </p>
  
  <p>my css code.</p>
  
  <pre><code>#leftside{
      float: left;
      width: 230px;
      margin-left: 5px;
      margin-top: 15px;
      overflow: hidden;
      font: 13px Arial, Helvetica, sans-serif;
  }
  
  a {
  
      text-decoration: none;
      color: #000000;
  }
  
  a:hover {
  
      text-decoration: underline;
      color: maroon;
  }
  
  ul {
      padding: 10px 10px 2px 0;
      margin: 0px;
      list-style: none;
  }
  
  li li {
  
      margin-left: 10px;
      margin-right: 10px;
      line-height: 30px;
      padding-left: 15px;
      border-bottom: 1px dashed #BDBDBD;
      background: url(images/img04.jpg) no-repeat left 50%;
  }
  </code></pre>
  
  <p>Html Code</p>
  
  <pre><code>&lt;li&gt;                    
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#"&gt;Company Profile&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Enquiry&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Career&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Location Map&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>ul, list are matching with the menu ul, li</p>
  
  <p>How to solve this issue. Please.</p>