Html og css dropdown menu virker ikke i IE ??

Har prøvet en masse forskellige løsningen for en dropdown menu efterhånden.
Den sidste jeg har roddet med er der ikke engang javascript indblandet, kun html og css, men den ser fuldstændig vanvittig ud når jeg åbner den i internet explorer .

Her er min html kode først:

<ul id=\"menu\">
                      <li><a href=\"\">Overskrift</a></li>
                     
                      <li><a href=\"\">Overskrift</a>
                        <ul>
                        <li><a href=\"\">punkt</a></li>
                        <li><a href=\"\">punkt</a></li>
                        <li><a href=\"\">punkt</a></li>
                        <li><a href=\"\">punkt</a></li>
                        </ul>
                      </li>
                      <li><a href=\"\">Overskrift</a>
                        <ul>
                        <li><a href=\"\">Punkt</a></li>
                        <li><a href=\"\">Punkt</a></li>
                        <li><a href=\"\">Punkt</a></li>
                        <li><a href=\"\">Punkt</a></li>
                        </ul>
                      </li>

                    </ul>







Og min css:






ul {
  font-family:tahoma;
  font-size: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 10px 5px 15px;
  background: #3B5998;
  margin-left: 0px;
  white-space: nowrap;
}
ul li a:hover { background: #5c7bba; }
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 11px;
}
li:hover a { background: #5c7bba; }
li:hover li a:hover { background: #6d8ccb; }



Håber virkelig nogen kan hjælpe