title: CSS drop down menu doesn't work properly in Google Chrome (the submenus disappear on hover)
body: <p>I'm having problems with a small CSS drop down menu (for choosing languages) that won't work properly in Chrome (it works fine in IE and Firefox). The language choices disappear when hovering them – but only sometimes. There doesn't seem to be any logic really. I would appreciate any help.</p>
  
  <p>The menu can be seen on this test page in the upper right corner: <a href="http://www.hypro.se/test" rel="nofollow">http://www.hypro.se/test</a></p>
  
  <p>Edit: I couldn't solve the issue but I decided to use Polyglot Language Switcher instead: <a href="http://www.ixtendo.com/polyglot-language-switcher-2" rel="nofollow">http://www.ixtendo.com/polyglot-language-switcher-2</a></p>
  
  <p>My CSS:
  </p>
  
  <pre><code>#dropdown {
   width: 110px;
   position: absolute;
   top: 0px;
   right: 0px;
   background: #222;
   font: 13px 'Open Sans Condensed', sans-serif;
   font-weight: 300;
   color: #fff;
   text-decoration: none;
   z-index: 9999999;
  }
  #dropdown li {
   width: 110px;
   height: 24px;
   float: left;
   background: #222;
   list-style: none;
   font: 13px 'Open Sans Condensed', sans-serif;
   font-weight: 300;
   color: #fff;
   text-decoration: none;
   border: 0;
  }
  #dropdown li:hover {
   background: #000;
  }
  #dropdown li a {
   font: 13px 'Open Sans Condensed', sans-serif;
   font-weight: 300;
   color: #fff;
   text-decoration: none;
  }
  #dropdown ul {
   background: #222;
   display: none;
   padding: 0;
   position: absolute;
   top: 24px;
   float: left;
   z-index: 9999;
  }
  #dropdown li:hover ul {
   display: block;
  }
  .globe {
      position: relative;
      left: 6px;
      top: 4px;
  }
  .choose_language {
      position: relative;
      left: 12px;
      top: 1px;
  }
  .flag {
   padding-left: 5px;
  }
  .language {
      position: relative;
      left: 5px;
      top: -7px;
  }
  </code></pre>
  
  <p>My HTML:
  </p>
  
  <pre><code>      &lt;nav id="dropdown"&gt;
          &lt;li&gt;&lt;span class="globe"&gt;&lt;img src="bilder/hemsida/icon_globe.png" alt="Choose language" title="Choose language"/&gt;&lt;/span&gt;&lt;span class="choose_language"&gt;Choose language&lt;/span&gt;
            &lt;ul&gt;
              &lt;a href="?p=index&amp;lang=swe" lang="sv" hreflang="sv"&gt;&lt;li&gt;&lt;span class="flag"&gt;&lt;img src="bilder/hemsida/icon_sweden.png" alt="Svenska" title="Svenska"/&gt;&lt;/span&gt;&lt;span class="language"&gt;Svenska&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;
              &lt;a href="?p=index&amp;lang=fin" lang="fi" hreflang="fi"&gt;&lt;li&gt;&lt;span class="flag"&gt;&lt;img src="bilder/hemsida/icon_finland.png" alt="Suomi" title="Suomi"/&gt;&lt;/span&gt;&lt;span class="language"&gt;Suomi&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;
              &lt;a href="?p=index&amp;lang=eng" lang="en" hreflang="en"&gt;&lt;li&gt;&lt;span class="flag"&gt;&lt;img src="bilder/hemsida/icon_england.png" alt="English" title="English"/&gt;&lt;/span&gt;&lt;span class="language"&gt;English&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;
              &lt;a href="?p=index&amp;lang=ger" lang="de" hreflang="de"&gt;&lt;li&gt;&lt;span class="flag"&gt;&lt;img src="bilder/hemsida/icon_germany.png" alt="Deutsch" title="Deutsch"/&gt;&lt;/span&gt;&lt;span class="language"&gt;Deutsch&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;
              &lt;a href="?p=index&amp;lang=fra" lang="fr" hreflang="fr"&gt;&lt;li&gt;&lt;span class="flag"&gt;&lt;img src="bilder/hemsida/icon_france.png" alt="Le Français" title="Le Français"/&gt;&lt;/span&gt;&lt;span class="language"&gt;Le Français&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;
              &lt;a href="?p=index&amp;lang=esp" lang="es" hreflang="es"&gt;&lt;li&gt;&lt;span class="flag"&gt;&lt;img src="bilder/hemsida/icon_spain.png" alt="Español" title="Español"/&gt;&lt;/span&gt;&lt;span class="language"&gt;Español&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;
              &lt;a href="?p=index&amp;lang=ita" lang="it" hreflang="it"&gt;&lt;li&gt;&lt;span class="flag"&gt;&lt;img src="bilder/hemsida/icon_italy.png" alt="Italiano" title="Italiano"/&gt;&lt;/span&gt;&lt;span class="language"&gt;Italiano&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/nav&gt;
  </code></pre>