CSSMenu too sensitive in IE

[subgeniuskitty]

Hi,

I searched the web and forum before posting this but didn't find any answers that I was able to successfully apply to the site.

The site is: www.californiaschooloflaw.com

In Firefox, the CSS menu works great. However, in IE if the mouse is in between the parent and child on multi-level menus the child menu disappears. The user must quickly drag their mouse from the parent to child to avoid this. How would I make IE the same as Firefox where the space between the parent and child is valid to keeping the child open?

I apologize if my explanation of the problem doesn't use the correct nomenclature as I'm a bit new to this. I'm sure that's painfully obvious. 

[Nullig]

Change this:

#primary-nav, #primary-nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 20px 10px; <-- make this smaller, like 2px
  width: 100%;
  margin-left: -1px;
}

Nullig

[Dr.CSS]

Actually if you do it will move the whole menu over, you might want to try this...

#primary-nav  ul{
  padding: 0px;
  width: 100%;
  margin-left: -1px;
}

[subgeniuskitty]

Thanks to both of you for the suggestions. They got me pointed in the right direction and I'll play with it to see how it works out best.