Horizontal Flyout Menu over the top Filter By: Manufacturers Drop Down

I have a problem with the horizontal flyout menu, when i browse through this menu it is partly covered by the manufacturers filter drop down box in the centre of the page (not the sidebox), i have tried modifying the CSS for the horizontal menu and also the standard stylesheet using z-index but it still remains over the top of the menu.

I am currently using version 1.3.8

Any help would be much appreciated.

Thanks
Brad

Just thought i would post back to let you guys know the solutions to this problem as i have now resolved this problem.

The method i have used is to put the drop down menu in a seperate DIV layer he tpl_index_product_list template file in the template's folder i then added a javascript to hide this div layer based on mouse over and then mouse up to show the layer, the best code i have found i below hope this helps all the other people who have been pulling there hair out with this little problem.

Javascript to show or hide layer

Javascript to be added to mouse over
onmouseover="HideContent('uniquename'); return true;" href="javascript:HideContent('uniquename')">

Javascript to be added to mouseup
="ShowContent('uniquename'); return true;" href="javascript:ShowContent('uniquename')">

switch "uniquename" to what ever you label your new div layer

Thanks
Brad