title: Dropdown menu shifting to the right in IE7
body: <p>I know this has probably already been answered, but I can't find it easily among the numerous other complaints about IE7's compatibility with dropdown menus. Basically, I went through a tutorial to make a basic dropdown menu. Works fine in other browsers except for IE7. Instead of the menu items dropping right below the tab, I get something like this:</p>
  
  <p><a href="http://akasuna.com/00000/Twentyten_ie7_bug.jpg" rel="nofollow noreferrer">Web Picture http://akasuna.com/00000/Twentyten_ie7_bug.jpg</a></p>
  
  <p>Granted, this isn't the same webpage as what I'm working on, but I don't actually have it on the Internet, and this picture represents the exact same problem that I'm having. </p>
  
  <p><strong>CSS:</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>@charset "utf-8";
  
  #main{
      width: 730px;
      margin-left: auto;
      margin-right: auto;
  }
  
  #regList{
      list-style-image:url(expbul1a.gif);
      font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  }
  
  #navMenu{
      margin:0;
      padding:0;
  }
  
  #navMenu ul{
      margin:0;
      padding:0;
  }
  
  #navMenu li{
      margin:0;
      padding:0;
      list-style:none;
      float:left;
      position:relative;
  }
  
  #navMenu ul li a{
  }
  
  #navMenu ul ul{
      position:absolute;
      visibility:hidden;
      top:50px;
  }
  
  #navMenu ul li:hover ul{
      visibility:visible;
  }
  
  /**********************************************************/
  
  #navMenu li:hover{
  }
  
  #navMenu ul li:hover ul li a:hover{
  }
  
  #navMenu a:hover{
  }
  
  .clearFloat{
      clear:both;
      margin:0;
      padding:0;
  }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="navMenu"&gt;
  
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="SBartletHomepageHTML.html"&gt;&lt;img src="home_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;&lt;!--home header--&gt;
      &lt;/ul&gt;
  
      &lt;ul&gt;
          &lt;li&gt;&lt;a hrer=""&gt;&lt;img src="Books.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="Normality is Not Mental Health.htm"&gt;&lt;img src="Images/Normality is not Mental Health.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Conceptual Therapy.html"&gt;&lt;img src="conceptual therapy.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Reflexivity.html"&gt;&lt;img src="reflexivity.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Human Pathology.html"&gt;&lt;img src="human pathology.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Critique.html"&gt;&lt;img src="Critique of Normality.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Logic.html"&gt;&lt;img src="Logic.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="When You Dont Know.html"&gt;&lt;img src="When You Don't Know Where to Turn.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
          &lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;ul&gt;
          &lt;li&gt;&lt;a hrer=""&gt;&lt;img src="PSYCHOLOGY.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="PsychEd.html"&gt;&lt;img src="PsychEd.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Animal Rights.html"&gt;&lt;img src="Animal Rights.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Effectiveness.html"&gt;&lt;img src="Effectiveness.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Limitations.html"&gt;&lt;img src="Limitations.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;ul&gt;
          &lt;li&gt;&lt;a hrer=""&gt;&lt;img src="PHILOSOPHY.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="Metalogic.html"&gt;&lt;img src="MoR.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;ul&gt;
          &lt;li&gt;&lt;a hrer=""&gt;&lt;img src="LITERARY.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="Sapphos Journal.html"&gt;&lt;img src="Sappho's Journal.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Christs Journal.html"&gt;&lt;img src="Christ's Journal.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="Voices.html"&gt;&lt;img src="Voices.htm_cmp_expeditn010_hbtn.gif"/&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>