Hi again. I tried out my

familietid — Thu, 27 Aug 2009 20:38:25 +0000

Hi again. I tried out my website in IE7 also. And I got the same problem... :/

Sorry, I don't have access

greg — Mon, 24 Aug 2009 23:52:00 +0000

Sorry, I don't have access to IE8.
Someone else will though.

But you should have a look at fixing the errors in your HTML. It may or may not be the cause, but often errors can cause all sorts of problems, and the errors you have are known to cause display issues.

Such as duplicated IDs etc.
Also, if you're going to explicitly choose to use XHTML you might as well at least have it somewhere near validated, or you might as well just use old HTML.

With XHTML 1.0 Transitional you have 271 errors

With HTML 4.01 Transitional you have only 48 errors

Thanks for your reply. It's

familietid — Mon, 24 Aug 2009 20:53:49 +0000

Thanks for your reply.

It's IE8 i'm having trouble with...

At first glance I can't see

greg — Mon, 24 Aug 2009 20:11:00 +0000

At first glance I can't see why it's doing that. I'll have another look shortly (or someone else might spot it)

Which Internet Explorer are you viewing it in? As Stu states he has it sorted for all but IE8:

Tested in IE6, IE7, Firefox, Opera, Netscape, Mozilla, Safari (PC) and Safari (iPod Touch).

EDIT:
I'm not exactly sure what's going on in your code either. You seem to have THREE heads and all manner of other weird stuff.

Incidentally, you don't seem to have the Javascript Stu provides for this menu. Might want to take another look at his menu page...

Stu Nicholls site wrote:

This menu also styles the path taken through the menu so that it works in IE5.x and IE6 as well as IE7 and all other browsers.

/* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/pro_dropdown_3/stuHover.js */

stuHover = function() {
	var cssRule;
	var newSelector;
	for (var i = 0; i < document.styleSheets.length; i++)
		for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
			{
			cssRule = document.styleSheets[i].rules[x];
			if (cssRule.selectorText.indexOf("LI:hover") >= 0)
			{
				 newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
				document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
			}
		}
	var getElm = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<getElm.length; i++) {
		getElm[i].onmouseover=function() {
			this.className+=" iehover";
		}
		getElm[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" iehover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", stuHover);