title: Dropdown Menu Issues in Chrome - Not Dropping Down Properly
body: <p>I have made a navbar at the top of my website which contains multiple buttons. One of the buttons right now I added a dropdown menu. It simply uses a unordered list with list items in with a little CSS coding to make it have some colour and actually be hidden until hovered. This works, I have tried it on IE and FF. Both work fine. Now Google Chrome when I try it there, there are some issues.</p>
  
  <p>On hover the items appear which they should. But when I try and click on them they disappear. I've also been on another site and have had this issue though I did not code it in that case. I'm assuming this is a Chrome issue, but I also assume that there is something I can do to fix this on my site. </p>
  
  <p>My question is how do I fix this issue on Chrome (Looking at the code not the browser though)?</p>
  
  <p>Note: If I do a hard refresh (CTRL+SHIFT+R) I am able to hover over the things fine. Once I click on a link or perform a normal refresh again though the issue comes back. Obviously I don't want to have to do a hard refresh to click an item in the dropdown nor would users of the site want to.</p>
  
  <p>Edit: Here is a link to where you can look at the problem on my websites testing area:
  <a href="http://fogest.net16.net/test/" rel="nofollow">Testing Area</a></p>
  
  <p>Edit2: Since I'm getting no responses I will include the code.</p>
  
  <p><strong>index.php:</strong></p>
  
  <hr>
  
  <pre><code>&lt;?php session_start(); ?&gt;
  &lt;!DOCTYPE HTML&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt;Home&lt;/title&gt;
          &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8" &gt;
          &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;
              &lt;link href="navbar.css" rel="stylesheet" type="text/css" /&gt;
      &lt;/head&gt;
      &lt;body&gt;      
          &lt;?php include_once("analyticstracking.php") ?&gt;
          &lt;?php include("header.php"); ?&gt;
            &lt;p class="content" &gt;Welcome to my homepage! This page will feature a wide range of things from video tutorials to help forums. &lt;/p&gt;
            &lt;p class="content" &gt;&lt;em&gt;Remember the site is currently being devopled still! Check out the "&lt;a href="contact.php"&gt;Contact Us&lt;/a&gt;" button on the left if you have any bugs to report.&lt;/em&gt;&lt;/p&gt;
          &lt;?php include("footer.php"); ?&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>style.css:</strong></p>
  
  <hr>
  
  <pre><code>b{
      color:#000000;
  }
  a{
  text-decoration:none;
  color:#666;
  }
  img{
  display:block;
  margin:auto;
  }
  p.welcome {
      text-align:center;
      font-family: “verdana”;
      font-size:1.875em;
      color:white;
      font-weight:900;            
  }
  p.content {
      font-family: “verdana”;
      font-size:1em;
      color:white;
  }
  div.main{
      width:75%;
      margin:auto;
      background:black;
  }
  div.row1{
  width:100%;
  }
  div.row2{
  width:100%;
  }
  div.row2col1{
      float:left;
      margin:0;
      padding:1em;
      color:white;
  }
  div.row2col2{
      margin-left:10%;
      margin-right:10%;
      background-color:brown;
      padding:1em;
      border:15px solid #212121;
  }
  body{
      background-color:#393635;
      color:white;
  }
  p.footer{
      text-align:right;
  }
  .clearFloat{
      clear:both;
      margin:0;
      padding:0;
  }
  </code></pre>
  
  <p><strong>header.php:</strong></p>
  
  <hr>
  
  <pre><code>&lt;div class="main"&gt;
      &lt;div class="row1"&gt; &lt;a href="index.php"&gt;&lt;img src="logo.png" alt="Logo"/&gt;&lt;/a&gt;
  &lt;/div&gt;
          &lt;div class="navMenu"&gt;                   
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="videos.php"&gt;Videos&lt;/a&gt;
                        &lt;ul&gt;
                          &lt;li&gt;&lt;a href="videolatest.php"&gt;Latest Videos&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="videotutorial.php"&gt;Tutorials&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="videogaming.php"&gt;Gaming&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="videocoding.php"&gt;Coding&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="about.php"&gt;About&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="contact.php"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;br class="clearFloat" /&gt;
          &lt;/div&gt;
          &lt;div class="row2col2"&gt;
  </code></pre>
  
  <p><strong>footer.php</strong></p>
  
  <hr>
  
  <pre><code>          &lt;/div&gt;
  Copyright Fog Productions 2012
  &lt;/div&gt;
  </code></pre>