CSS fix for menu that MUST work in FF, ie6, AND ie7

I have some CSS that I have been using to create a web page effect. The current CSS looks EXACTLY how I want it to look in both Internet Explorer 6 AND Firefox 1.07/1.5 It has taken CSS hacks that are specific to IE to get it to work as needed in IE6. However, when viewing the same effect in IE 7 beta 2, it does NOT behave as expected. -- I want the CSS (re?)written so that the effect is displayed the same in the current versions of IE6, IE7, AND Firefox. If I need to load a seperate stylesheet for ie7, thats fine. I have attached a zip with a working example. Please note that the file contains a DOCTYPE declaration at the top. This is the actual doctype for the site that this currently works on and will NOT be open to change.. ## Deliverables 1) Complete and fully-functional working program(s) in executable form as well as complete source code of all work done. 2) Deliverables must be in ready-to-run condition, as follows (depending on the nature of the deliverables): a) For web sites or other server-side deliverables intended to only ever exist in one place in the Buyer's environment--Deliverables must be installed by the Seller in ready-to-run condition in the Buyer's environment. b) For all others including desktop software or software the buyer intends to distribute: A software installation package that will install the software in ready-to-run condition on the platform(s) specified in this bid request. 3) All deliverables will be considered "work made for hire" under U.S. Copyright law. Buyer will receive exclusive and complete copyrights to all work purchased. (No GPL, GNU, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site per the coder's Seller Legal Agreement). ## Platform Internet Explorer 6 (Windows) Internet Explorer 7 (Windows) Firefox 1.07 (Windows) Firefox 1.5 (Windows)