Jumping Div under Dropdowns

**Sydpix** · 11:31 PM

Ok... this is really irritating me. I have this jumping div when I mouse over these drop downs in IE 7. Jumping Menu

What could cause this? Do I need to have an IE hack in there somewhere?

**travelagent** · 04-03-2007, 02:05 AM

Let's start by correcting your 24 code warnings first:

Code:

line 42 column 1 - Warning: missing </div> before <li>
line 43 column 1 - Warning: inserting implicit <ul>
line 112 column 1 - Warning: trimming empty <b>
line 112 column 20 - Warning: trimming empty <b>
line 112 column 39 - Warning: trimming empty <b>
line 112 column 58 - Warning: trimming empty <b>
line 112 column 77 - Warning: trimming empty <b>
line 112 column 96 - Warning: trimming empty <b>
line 112 column 115 - Warning: trimming empty <b>
line 128 column 1 - Warning: trimming empty <b>
line 128 column 20 - Warning: trimming empty <b>
line 128 column 39 - Warning: trimming empty <b>
line 128 column 58 - Warning: trimming empty <b>
line 128 column 77 - Warning: trimming empty <b>
line 128 column 96 - Warning: trimming empty <b>
line 128 column 115 - Warning: trimming empty <b>
line 129 column 1 - Warning: trimming empty <em>
line 129 column 10 - Warning: trimming empty <span>
line 133 column 17 - Warning: trimming empty <span>
line 139 column 29 - Warning: trimming empty <span>
line 339 column 5 - Warning: trimming empty <p>
line 341 column 5 - Warning: trimming empty <p>
line 343 column 7 - Warning: trimming empty <p>
line 342 column 2 - Warning: trimming empty <div>

**Sydpix** · 04-03-2007, 07:19 AM

LOL! How did I forget to check those? I think that did it.

Thanks Travel Agent 007!

**travelagent** · 04-03-2007, 12:27 PM

We all forget to validate at one time or another...

I checked it again in IE and it still jumps, so your code has a few issues -- try this instead:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
<link rel="icon" href=
"chrome://ietab/skin/ietab-favicon-iedoc.png">
<script type="text/javascript">
function loadIETab(){
 var href = document.location.href;
 var i = href.indexOf("?url=");
 if (i == -1) return;
 var url = decodeURI(href.substring(i+5));
 if (url && url!="") {
  var ietab = document.getElementById("IETab");
  if (ietab && ietab.navigate) ietab.navigate(url);
 }
}
</script><object id="IETab" type="application/ietab" width="100%"
height="100%">
</head>
<body>
</body></html>

**Sydpix** · 03:51 PM

Travelagent, I'm not a quitter! I don't care if it kills me I'm going to validate this site in XHMTL 1.0.

It's still a work in progress. (One hopefully completed soon

)

I thing I found a resolution to the problem. For some reason, I didn't have the menu system in it's own div tag. once I put it in one it seemed to resolve the issue on my end... Yours?

What program or browser add on do you use to see errors?

Thank You!

**travelagent** · 04-03-2007, 09:28 PM

WOOHOO -- Congratulations ... between the 2 of us, your site works in both IE and FF!

I use "HTML Tidy" in FF to see the errors.