subnavigation css-显示在悬停位置

I am doing navigation bar with subnav, the result I get from below code is when I hover main link , the submenu does not come right under the main link . If you click products link you could see it comes under home link, where I want product submenu to be displayed under product link and aligned just under where p in products starts. 2.Also can someone tell me why the link which has submenu creates space between next link. in this example, there is a space between home and products but no space between contact us and payment. how to ignore the space between link irrespective of of main menu holding submenu or not?I am doing navigation bar with subnav, the resu