jQuery Multi Level CSS Menu #1 issue in IE7 showing blank row when moused over

[yourstorewizard]

1) Script Title: jQuery Multi Level CSS Menu #1

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/P10/

3) Describe problem:

I've got this working but in IE7 when you mouse over a subsection it adds a blank row below that subsection (leaving space until the next subsection). I was able to remove it by adding a 1px border but that caused issues in IE where it faded in and out the menu sometimes when passing beween subsections.

Any idea what will fix it? I tried a few different things and no great fix.

Test page is at http://www.yourstorehosting.com/test.html

The css is inline in the page.

Thanks in advance.

[Nile]

I've also ran into that issue with drop down menus on DD (I've tried multiple ones, but all had the same affect). I could not figure out how to fix this, I came to discover that it was the font and/or font size I was using. This encountered a problem. Try posting this in the bug section (http://www.dynamicdrive.com/forums/forumdisplay.php?f=17).