Vertical Drop Down menu works but..

Question

The menu works ok on IE 9 but somehow on the other browsers (google chrome, firefox) whenever I hover my mouse down the menu, the sub menus does pops out but it just stays put whenever I continue to go down. I need help please, thanks.
http://www.rodriguezstudios.com/division9/
<div id="block1"><div id="navigation">
<div class="nav">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="aboutus.html">About Us</a>
</li>
<li>
<a href="products.html">Products</a>
<ul>
<li><a href="carpet.html">Carpet</a></li>
<li><a href="ceramic.html">Ceramic + Stone Tile</a></li>
<li><a href="resilient.html">Resilient</a></li>
<li><a href="hardwood.html">Hardwood</a></li>
<li><a href="laminate.html">Laminate</a></li>
<li><a href="matting.html">Matting + </a></li>
<li><a href="accessories.html">Accessories</a></li>
</ul>
</li>
<li>
<a href="services.html">Services</a>
<ul>
<li><a href="design.html">Design Support</a></li>
<li><a href="estimating.html">Estimating</a></li>
<li><a href="project.html">Resilient</a></li>
<li><a href="hardwood.html">Project Management</a></li>
<li><a href="installation.html">Installation</a></li>
<li><a href="refresh.html">Refresh</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
</ul>
</li>
<li>
<a href="install.html">Install</a>
<ul>
<li><a href="corporate.html">Corporate</a></li>
<li><a href="retail.html">Retail</a></li>
<li><a href="project.html">Resilient</a></li>
</ul>
</li>
</ul>
</div>
</div>
#navigation{
          position:absolute;
          width:165px;
          height:372px;
          margin: 0px 0px 0px 58px;
          background-color:#ff6501;
.nav ul, li, li li{
          margin:0;
          padding:0;
.nav{
          width:165px;
          height:30px;
.nav ul {
          light-height: 25px;
          z-index:1000;
.nav li{
          list-style:none;
          position:relative;
          background:#ff6501;
.nav li li{
          list-style:none;
          position: relative;
          background:          #ff6501;
          left: 165px;
          top:-27px;
.nav ul li a{
          width:165px;
          height:30px;
          display:block;
          text-decoration:none;
          text-align:center;
          font-family:Calibri;
          color: #fff;
          border: 1px solid #eee;
.nav ul ul{
          position:absolute;
          visibility:hidden;
          top:27px;
.nav ul li:hover ul{
          visibility:visible;
.nav li:hover{
          background-color:#f39355;
Your assitance would be greatly appreciated

Answer 1

Hi there,
  The menu goes away after I mouse out on Safari, Chrome, and Firefox (running osx) Have you tried clearing your cache on those browsers?