My Drop Down Menus are a Mess in IE7

I have very limited knowledge of websites (actually purchased complete website from ex-employer) and knowledge of HTML is also limited to adding/editing content on site.
Since IE7 came around my drop down menus are a mess and I think it's time I really got the problem sorted.
Can anyone point me in the right direction? My website is
Link

Many thanks in advance

Allan

re: My Drop Down Menus are a Mess in IE7

First thing you can do is go through the markup and delete all slashes where you see exactly this: />

That is a XHTML ending tag but you are using Html. Sometimes browsers will stop processing at that point. Then let's see where we stand.

re: My Drop Down Menus are a Mess in IE7

Thanks for your reply. I have deleted the slashes where I found /> . There was four, which appeared at the end of the HTML that referred to the four Style Sheets.

No change to the appearance of my drop down menus.

re: My Drop Down Menus are a Mess in IE7

Your menus were created using javascript and not html or css, directly. I'm sending this to the javascript board.

re: My Drop Down Menus are a Mess in IE7

My guess is that it's probably going wrong because you're using a browser detect. That is always prone to breaking in the future whenever a new browser comes out.

You should use object detection instead.

I suppose the variable ieBox is causing the problem, though I can't be certain. It checks if the IE browser is in quirks mode using the proprietary document.compatMode property. IE7 has probably changed a few things around so the properties possibly don't match thus causing the messy display.

re: My Drop Down Menus are a Mess in IE7

Hi acoder,

Thanks for the reply. Can you point me in the right direction as to how I change things from browser detection to object detection.

Or is a better option to change the drop-down menus from javascript to HTML?

I'm just learning HTML so have no clue about javascript.

Bset regards

re: My Drop Down Menus are a Mess in IE7

It can be difficult if there is a lot of code, but some objects are supported/not supported by browsers, e.g. pageXOffset is not supported by IE.

So wherever you see certain objects being used in your code, just check for it first. Of course, it's not that easy, but you could check out the Quirksmode website which covers a lot of these compatibility problems.