bdeen
12 Oct 2009, 08:53 AM
I'm currently designing a website for the Child Neuroscience Laboratory at Yale University. I just coded a barebones layout which is roughly how I want the site to look; I've uploaded this temporarily at bdeen.hostcell.net/CNL . The page uses a CSS-driven drop-down menu which works in Firefox, Safari, Chrome, etc but (naturally) not in Internet Explorer. I added some ad hoc javascript code with the hope of achieving drop-down functionality in IE; this almost works, but there are some problems in the IE version of the site...namely,
- The dropdown menus are positioned about ~80 pixels to the right of where they should be
- The menus drop down, but they don't stay down when the user's mouse leaves the first item on the list.
- The list items have some unexpected spacing between them.
Does anyone have any ideas as to what is causing these issues and how I can fix them? Any help would be greatly appreciated.
- The dropdown menus are positioned about ~80 pixels to the right of where they should be
- The menus drop down, but they don't stay down when the user's mouse leaves the first item on the list.
- The list items have some unexpected spacing between them.
Does anyone have any ideas as to what is causing these issues and how I can fix them? Any help would be greatly appreciated.