title: CSS is not working in IE 7 and IE 8 .. specially ul li
body: <p>This is my HTML. You can see more www.tuvid.ee . My biggest problem is that the menu on the left is not the same in IE. The second problem is, when I will resize my page then the content is moving wit it. Maybe somebody could tell me what's wrong there with the position element. </p>
  
  <pre><code>&lt;aside&gt;
      &lt;nav&gt;
          &lt;ul id="navlist"&gt;
              &lt;li&gt;
                  &lt;a href="eessona.php" id="homenav"&gt;&lt;strong&gt;Kui tuvid
                  kadusid&lt;/strong&gt;&lt;/a&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="kesnadolid.php" id="kesnav"&gt;&lt;strong&gt;Kes nad
                  olid?&lt;/strong&gt;&lt;/a&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="arhiivipildid2.php" id=
                  "arhnav"&gt;&lt;strong&gt;Arhiivipildid&lt;/strong&gt;&lt;/a&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="videod.php" id="vidnav"&gt;&lt;strong&gt;Videod ja
                  lingid&lt;/strong&gt;&lt;/a&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="sofiblogi.php" id="sofnav"&gt;&lt;strong&gt;Sofi
                  blogi&lt;/strong&gt;&lt;/a&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="sofieestis.php" id="eestnav"&gt;&lt;strong&gt;Sofi
                  Eestis&lt;/strong&gt;&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/aside&gt;
  </code></pre>
  
  <p>And here's my CSS:</p>
  
  <pre><code>body#home a#homenav,
  body#kesnadolid a#kesnav,
  body#arhiivipildid a#arhnav,
  body#videod a#vidnav, 
  body#sofiblogi a#sofnav,
  body#sofieestis a#eestnav {
      color: #fff;
      background: #930;
  }
  
  aside nav {
      width: 300px;
      margin: 50px 50px 0;
      border-bottom: 0px;
      border: 3px solid white;
  }
  
  html&gt;body aside nav {
      width: 300px;
  }
  
  aside nav ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  
  aside nav li {
      border-bottom: 3px solid white;
  }
  
  aside nav a {
      display: block;
      background: #808080;
      color: #fff;
      padding: 12px;
      font-size: 13px;
      text-decoration: none;
  }
  
  html&gt;body aside nav a {
      display: block;
      background: #808080;
      color: #fff;
      padding: 12px;
      font-size: 13px;
      text-decoration: none;
  }
  
  aside nav strong {
      text-transform: uppercase;
      font: normal 23px/normal Blocksta,Helvetica,Arial,sans-serif;
  }
  
  aside nav li ul {
      border-top: 4px solid white;
      border-bottom: 4px solid white;
      margin-left: 70px;
  }
  
  aside nav li li {
      border: 0;
  }
  
  .main nav ul {
      margin: 0;
      padding: 0;
      padding-top: 10px;
  }
  
  .main nav ul li {
      float: left;
      margin-right: 20px;
  }
  
  .main nav ul li   
                p {
      display: none;
  }
  
  aside nav li a:link {
      background: #808080;
      text-decoration: none;
  }      /* unvisited link */
  
  aside nav li a:visited {
      text-decoration: none;
      background: #808080;
  }  /* visited link */
  
  aside nav li a:hover {
      text-decoration: none;
      background: #666;
  }  /* mouse over link */
  
  aside nav li a:active {
      text-decoration: none;
  } 
  </code></pre>
  
  <p>Thanks for your help.</p>