CSS Problem with allignment and gap

Hey Guys,
Dis regard my last thread i had done, i found a new script. As i was told not to use a javascript for a drop down menu but to use css.

The problem now is that there is gaps between the boxs and also that the menu is not alligned with box above it. Please help me.

Its happeneing in most of the browsers inc, google chrome, safari, FF and IE.

You can see it by going to www.swiftproductions.com.au/site/indexTEST.html

There is a working version of the script where i got the CSS code from at sperling.com/examples/menuh/

Please if you guys have a fix for it i'll appreciate it very much.

Thanks heaps

 

set the in-line height smaller. or the padding or the margins.

 

hey,

I got it sort of worked out,, only problem is it works fine in Google Chrome, FF, Safari but not in IE 7 - the problem is the drop down menu is not aligned with the box above it.

can any one help me on this??

Thanks