I'm currently in the process of updating our old website as the layout is just terrible and it's hard to find products on it.
This new layout has drop down menus, accordion menus and an image enlarger all from JavaScript. They work wonders in Firefox and Google chrome but, as usual, Internet Explorer has decided not to load it right for me. I've got several problems...
Images won't show up most of the time
Not able to click on linked images and the links from the drop down menu
Accordion menu won't work, it just displays as one long sidebar
When it does work, it shows a big gap between each main header rather than keeping them close together
The drop list from the drop down menu hides behind the accordion menu
Is there anything I can do that makes IE accept the javascripts?
Unfortunately the new layout isn't up live so I've nothing you can link to. However, if there's any coding that you need I'll be more than happy to post it on. Thanks for your time!
Good old Internet Exploder. I had issues like this when designing a site for a college project. I ended up getting a Browser Detection Script. If the user was using IE, it would switch stylesheets, vise versa if using Chrome, Safari or Firefox. Simple and worked a treat.
Sorry for my delayed response, I've not had time to come back onto here.
@sunfighter, oh, I never thought thought of doing that. Of course, I'll put it up soon (hopefully!)
@tweezy I've attempted using a different style sheet for IE, but even then I couldn't figure out why it wasn't liking the menus. I'm no expert coder whatsoever, I can do simple stuff as I've made a website before and purposely avoided JavaScript. But this new site I've no other option but to use it and I wish I hadn't started as it's really making my brain explode, lol.
Okay, I've uploaded a sample of the site onto a different directory.
I've used a template for this, so the parts I've edited will be a mess. I completely understand that I fail at coding so please be harsh and let me know what I've done terrible wrong, thanks!
I use IE8, I see no major difference in it and FF, chrome, or opera. Js works same in all browsers. Please explain what is the problem in the up loaded page.
Yeah, it looks like crap in MSIE 7. The top menus pull down *behind* the side menu. And the side menu items are separated by a lot of space, vertically.
But the JS code seems to work just fine.
So I'd say it's all CSS issues.
The way I approach this kind of thing: Rather than going into the CSS file and mucking around, I try adding style="..." to various things on the page. When I find the style change that makes it work, *then* I go change the CSS file to match and get rid of the style= stuff.
So, for example, I might try adding style="z-index: 99;" to on of the drop down menus that is showing up behind the side menu, just for starters.
__________________
An optimist sees the glass as half full.
A pessimist sees the glass as half empty.
A realist drinks it no matter how much there is.
Thank you, I'll have a look through it and see what I can do.
I really appreciate you two going through this with me, it's been driving me insane for weeks!
Ahh! I've found out why the top menu is pulling under the accordion menu, turns out that I had to have the position:auto changed to either relative, fixed or absolute. I've switched it to relative and it's no longer overlapping.
Also, with the dreadful spacing between the accordion menu, I've taken out some of the margin and paddings and have inserted the height and that has sorted that problem also.
I can finally move onto the rest of the site!! Thank you everyone!
Before you post, read our: 
