I've been working on a new site and in testing everything seems okay in various browsers, except for Internet Explorer 7 where I've encountered problems I can't figure out. The site can be seen at http://bit.ly/10ZD99T
The problems are these:
1) The Dropdown navigation menu is inaccessible from many options! I can't understand what's going on, but trying to click on anything beyond the first option it's like playing an impossible game of Pin-the-tail-on-the-donkey. I tried extending padding but that made it look awful and didn't help.
2) The Dropdown menu goes behind page content on any pages where content is near the top. I tried using z-index to force the Dropdown on top but it did nothing.
3) I'm using a Fontface kit for the Navbar fonts, but it's completely ignored. I thought IE7 could handle Fontface?
Any Help would be much appreciated (General comments or advice also welcome).