How to avoid space between Menu and child Menu in style shee

Question

Dear All,

I have been trying since 1 week to avoid space between Main menu bar to drop menu's but am unable to do the same.

And also the space issue, please have look into the attached screenshot for your understanding.

Please help me, Its bit urgent

 

<div id ="navMenu">

<ul>

<li><a href="../Home.aspx">Home</a></li>

<li><a href="#">Products</a>

<ul>

<li>A</li>

<li>B</li>

<li>C</li>

<li>D</li>

<li>E</li>

<li>F</li>

<li>G</li>

<li>H</li>

<li>I</li>

</ul>

</li> <!-- end main li -->

<li><a href="../About.aspx">About Us</a></li>

<li><a href="../ContactUs.aspx">Contact Us</a></li>

<li><a href="../Enquiry.aspx">Enquiry</a></li>

</ul> <!-- end main ul -->

<%-- <br class="clearFloat" /> --%>

</div> <!-- end navmenu -->