IE 6 & 7 z-index & menu issues
I am building a website and looks perfect in all browswers except for IE 6 & 7... http://vncfoods.com.au.tmp.anchor.net.au/index.php
The things that are frustrating me are:
1. The drop down menu (on the main nav) is appearing slightly offset to the right in IE6 even though I've applied left:auto. I've narrowed it down to the applied widths on the top level <li></li>.... can anyone perhaps shed some light as to why and how to resolve this?
2. I've also been having issues with 'the good old' z-index in IE 6 & 7. The drop down menu was originally hiding behind #topContact, #socialMediaBar and .slider - but have resolved this by using z-index:99999; to the drop down menu and then z-index:-1; to #topContact, #socialMediaBar. The only problem is the links I have within these divs are now not working due to the negative z-index... again would really appreciate if anyone could help me out with this.
Thanks so much!