problem with firefox....grrrrrrrr

• who

  I've been working on this for a couple of days and still have no answer for firefox/mozilla.

  I've got a Bunch of menu/submenu items at the top of a website, with ul and li

  it's CSS is:

  li ul {
  display: none;
  position: absolute;
  text-align: LEFT;
  top: 100%;
  left: 0;
  font-weight: normal;
  padding: 0.5em 0 1em 0;
  }

  li>ul {
  top: auto;
  left: auto;
  }

  li li {
  display: block;
  float: none;
  background-color: transparent;
  border: 0;
  }

  li:hover ul, li.over ul {
  display: block;
  }

  Under this menu I have a scrolling DIV

  it's CSS is:

  .scroll{
  width: 500px;
  height: 355px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #606060;
  background-color: #E8E8E4;
  scrollbar-base-color: #E8E8E4;
  scrollbar-3d-light-color: #E8E8E4;
  scrollbar-arrow-color: #E8E8E4;
  scrollbar-darkshadow-color: #CECECC;
  scrollbar-face-color: #818181;
  scrollbar-highlight-color: #CECECC;
  scrollbar-shadow-color: #CECECC;
  scrollbar-track-color: #CECECC;
  }

  IE works when you hover over the list
  Firefox allows you to hover over the scroll bars, but if you try to hover over the list the menu disapears. I've tried change the z-index of the menu, but that does not work. I've tried change the z-index of the scrolling div, but that does not work. I've tried change the display of the css menu, but that does not work.
  I don't know what to do......
  Any ideas?

  who

  Flag