IE/win Flashing....

[i3iz]

I am implimenting a new menu system at work it is CSS and uses HTC to get IE/win to recognize my menus. Unfortunately everytime i move to a different part of the menu, it looks as if the entire menu reloads.
I will post the code if i need to, but i am curious as to what could be causing this? any ideas or do i need to post all of the code?

Thanks
--JB

--i3iz
Technical Newbie

 

[Vragabond]

No, you don't need to post the code, we're all psychic here and know exactly what your problem is. "looks as if the entire menu reloads" is a vague enough problem let alone trying to tell you anything meaningful without the code. Here's a few questions:

1. Does it happen in every browser or just IE?
2. What is the part of the menu that looks as if it is reloading?
3. Does it happen every time?
4. What is the best way to spot this as if behaviour?

 

[i3iz]

I used csshover.htc and my guess is that it parses the CSS file everytime it hovers and hence forth...reloads the entire menu every time. But i am open to other interpritations

do you need the csshover.htc ???

In answer to your questions:
1. no mac browsers...did not try any other win browser. However, i would assume that since it works in Safari and Firefox for Mac and Win/IE is what the HTC file is for, that firefox for win will work fine.

2.The "submenu"s level 2 and level 3

3. yes

4. not sure what you mean

//HERE is the CSS

body {
    behavior: url(includes/csshover.htc);
	} /* WinIE behavior call */ 

a.navwhite, navwhite {
	font: normal 11px verdana;
	color: #ffffff;
	}  /* Menu Font and Color */
	
div#nav {
	font: normal 11px verdana;
	color: #ffffff;
	float: left; 
  	background: #0000CC;
	border: 1px solid #0000cc;
	}  /* Div Attributes */
	
div#nav ul.level1,
div#nav ul.level2,
div#nav ul.level3 {
	color: #ffffff;
	margin: 0;
	padding: 0;
	background: #0000CC;
  	border: 1px solid #0000CC;
 	border-width: 0 1px;
  	}  /* level1, 2 & 3 Boxes */
  
div#nav ul.level1 li {
	color: #ffffff;
	position: relative;
	text-align: center;
	list-style: none;
	margin: 0;
  	float: left;
	width: 83.333px;
	line-height: 20px;
  	} /* level1 size and style */
  
div#nav ul.level2 li,
div#nav ul.level3 li {
	color: #ffffff;
	position: relative;
	text-align:left;
	list-style: none;
	margin: 0;
  	float: left;
	width: 160px;
	line-height: 5px;
  	} /* level2 & 3 size and style */
  
div#nav li:hover {
	background: #0000ff;
	color: #ffffff;
	} /* Hover BG color */

div#nav li.submenu {
	background: url(dropmenu.gif) 100% 50% no-repeat;
	} /* Level1 arrow graphic */

div#nav li.submenu:hover {
	background-color: #0000ff;
	color: #ffffff;
	} /* Optional different color Hover for submenus */

div#nav li a {
	color: #ffffff;
	display: block;
	padding: 5px 10px 5px 10px;
  	text-decoration: none;
  	} /* Links in LI get padding and become blocks */

div#nav>ul a {
	color: #ffffff;
	width: auto;
	} /* IE sucks that it cant use this */

div#nav ul ul {
	color: #ffffff;
	position: absolute;
	width: 160px;
  	display: none;
  	} /* Submenu Size and position */
  
div#nav ul ul li {
	border-bottom: 1px solid #0000CC;
	}  /* submenu border art */

div#nav li.submenu li.submenu {
	background: url(submenu.gif) 95% 50% no-repeat;
	} /* sub-submenu graphic */

div#nav li.submenu li.submenu:hover {
	background-color: #0000ff;
	color: #ffffff;
	} /* BG color for sub-submenu */

div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display:block;
	color: #ffffff;
	} /* Super Hover Magic */

div#nav ul.level2 {
	color: #ffffff;
	top: 23px;
	left: 0px;
	} /* level2 position */

div#nav ul.level3 {
	color: #ffffff;
	top: -1px;
	left: 160px;
  	border-top: 1px solid #0000CC;
	} /* level3 position */

// HERE is the HTML

<div id="nav">
<ul class="level1"> 

	  <li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/">Home</a></li>[/URL] 
	  <li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/services.shtml">Services</a></li>[/URL]
	  <li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/events.php">Events</a></li>[/URL]
	  <li class="submenu"><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries.shtml">Ministries</a>[/URL]
		<ul class="level2">
		  <li class="submenu"><a class="navwhite" href="#">Adult Bible Fellowships</a>
		  	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/ambassadors.shtml">Ambassadors</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/pinnacle.shtml">Pinnacle</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/navigators.shtml">Navigators</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/homebuilders.shtml">Homebuilders</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/cops.shtml">C.O.P.S.</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/marriagebuilders.shtml">Marriagebuilders</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/singles.shtml">Singles</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/thenet.shtml">The[/URL] NET</a></li>
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="#">Audio</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://fpr.info/">Focal[/URL] Point</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/tapes/">Digital[/URL] Audio Sermons</a></li>
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/careministries.shtml">Care</a>[/URL]
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/carpentershands.shtml">Carpenter's[/URL] Hands</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/eldercare.shtml">Elder[/URL] Care</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/handhvisitation.shtml">Hospital[/URL] &amp; Home Visitation</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/mealsteam.shtml">Meals[/URL] Team</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/prayerteam.shtml">Prayer[/URL] Team</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/stitchofcare.shtml">Stitch[/URL] of Care</a></li>
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="#">Home Application Groups</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/couplesHAG.shtml">Couples[/URL] &amp; Mixed</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/womenHAG.shtml">Women's[/URL] Groups</a></li>
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="#">Hospitality</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#greeters">Greeters</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#infobooth">Information[/URL] Booth</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#traffic">Traffic</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#refresh">Refreshments</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#ushers">Ushers</a></li>[/URL]
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="#">Missions</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/missions.shtml">Short-Term[/URL] Missions</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/missions.shtml">2005[/URL] Missions Speakers</a></li>
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="#">One on One Discipleship</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/partners.shtml">Partners</a></li>[/URL]
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="#">Teaching</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/SeasonalStuff/PrepStep.shtml">Prep&bull;Step</a></li>[/URL]
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="#">Children's</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/preschool.shtml">Nursery[/URL] &amp; Preschool</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/kids.shtml">1st-6th[/URL] Grade</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/awana.shtml">AWANA</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/kids_CompasionInAction.shtml">Special[/URL] Needs</a></li>
			</ul>
		  </li>
		  <li class="submenu"><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/youthministries/index.shtml">Youth</a>[/URL]
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/youthministries/middleschool.shtml">MSM</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/youthministries/highschool.shtml">FUEL</a></li>[/URL]
			</ul>
		  </li>
	  <li class="submenu"><a class="navwhite" href="#">Men's</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/MensHomeFell.shtml">Discipleship</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/mensbiblestudy1.shtml">Bible[/URL] Study</a></li>
				<!-- <li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/mensspecialeventsRetreat.shtml">Special[/URL] Events</a></li> DEACTIVATED -->
			</ul>
		  </li>
	  <li class="submenu"><a class="navwhite" href="#">Women's</a>
		   	<ul class="level3">
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/MOPS.shtml">MOPS</a></li>[/URL]
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/SeasonalStuff/WomensBibleStudy.shtml">Bible[/URL] Study</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/womenHAG.shtml">Home[/URL] Application Groups</a></li>
				<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/womens.shtml">Special[/URL] Events</a></li>
			</ul>
		  </li>
		</ul>
    </li>  
	  <li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/directions.shtml">Directions</a></li>[/URL]
	  <li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/resources.shtml">Resources</a></li>[/URL]
	  <li class="submenu"><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders.shtml">Leaders</a>[/URL]
	  	<ul class="level2">
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/mikefabarez.shtml">Fabarez,[/URL] Mike</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/markambrose.shtml">Ambrose,[/URL] Mark</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/dananderson.shtml">Anderson,[/URL] Dan</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/petelasutschinkow.shtml">Lasutschinkow,[/URL] Pete</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/patrickknauf.shtml">Knauf,[/URL] Patrick</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/davidarchuletta.shtml">Archuletta,[/URL] David</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/gregmelendes.shtml">Melendes,[/URL] Greg</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/marktappan.shtml">Tappan,[/URL] Mark</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/darrenmettler.shtml">Mettler,[/URL] Darren</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/bobsomma.shtml">Somma,[/URL] Bob</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/susangrover.shtml">Grover,[/URL] Susan</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/walterreguerin.shtml">Reguerin,[/URL] Walter</a></li>
			<li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/fredmabie.shtml">Mabie,[/URL] Fred</a></li>
		</ul>
	  </li>
	  <li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/beliefs.shtml">Beliefs</a></li>[/URL]
	  <li><a class="navwhite" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/contact.shtml">Contact</a></li>[/URL] 
</ul> 
</div>

--i3iz
Technical Newbie

 

[Vragabond]

I can't get your example to even work with the code supplied but by using your site, I saw it in action in IE/Win. I suggest you look at the suckerfish dropdowns, which incorporate a similar approach but are known to work nicely cross-browser:

http://www.alistapart.com/articles/dropdowns/

http://www.htmldog.com/articles/suckerfish/dropdowns/

 

[i3iz]

Suckerfish is also supposed to "flicker"

http://www.alistapart.com/discuss/dropdowns/10/

I suppose i could check them out, but i figured they had the same problem.

--i3iz
Technical Newbie

 

[Vragabond]

I hardly ever use IE except for testing so I wouldn't know. And I never implemented suckerfish myself, so I wouldn't know if the flicker bug is present. But looking at this example

http://www.htmldog.com/articles/suckerfish/dropdowns/example/

with IE6, there's no flickering.

 

[i3iz]

ok so i tried to redo it in "suckerfish style"
unfortunately it really tweaks out in IE and i am having trouble finding out why i need to do weird things...

e.g. i need to change the margin-left: -40px; in some places.
IE is still all over the board.
The margins are really weird and do not allow me to be as tight as i would like. The div#topbottom is just a guide to make sure i am within 750px wide. Unfortunately for whatever reason it drops down to the next line.

please help me get this on 1 line and work in IE.

THanks,
--JB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"[URL unfurl="true"]http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">[/URL]
<html>

<head>
<title>Drop Down Menu</title>

<style type="text/css">

body {
	background: black;
}

#topbottom {
border-top: 1px solid white;
height: 70px;
border-bottom: 1px solid white;
width: 750px;
margin: 0;
padding: 0;
}

#nav, #nav ul {
	font: 11px verdana, arial, helvetica, serif;
	color: #FFFFFF;
	float: left;
	list-style: none;
	background: #00c;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
}
/* Image...
#nav a.submenu {
	background: url(rightarrow2.gif) center right no-repeat;
} */

#nav li.level1 {
	float: left;
	margin: 0;
	text-align: center;
	width: 83px;
	line-height: 25px;
}

#nav li.level1 ul { /* Submenu #2 size and position */
	position: absolute;
	text-align: left;
	left: -999em;
	width: 120px;
	line-height: 20px;
}

#nav li.level1 li.level2, 
#nav li.level2 li.level3 { /* submenu boxes width */
	width: 150px;
	margin-left: -40px;
	padding-left: 10px;
}

#nav li.level1 ul a { /* submenu text positioning */
	width: 160px;
}

#nav li.level1 ul ul {
	margin: -20px 0 0 160px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;/* makes second menu appear */
}

#nav li:hover ul, #nav li.level1 li:hover ul, #nav li.level1 li.level2 li:hover ul, #nav li.sfhover ul, #nav li.level1 li.sfhover ul, #nav li.level1 li.level2 li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #00f;
}
</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>


</head>

<body>
<div id="topbottom">
<ul id="nav"> 

	  <li class="level1"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/">Home</a></li>[/URL] 
	  <li class="level1"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/services.shtml">Services</a></li>[/URL]
	  <li class="level1"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/events.php">Events</a></li>[/URL]
	  <li class="level1"><a class="submenu" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries.shtml">Ministries</a>[/URL]
		<ul>
		  <li class="level2"><a class="submenu" href="#">Adult Bible Fellowships</a>
		  	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/ambassadors.shtml">Ambassadors</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/pinnacle.shtml">Pinnacle</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/navigators.shtml">Navigators</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/homebuilders.shtml">Homebuilders</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/cops.shtml">C.O.P.S.</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/marriagebuilders.shtml">Marriagebuilders</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/singles.shtml">Singles</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/thenet.shtml">The[/URL] NET</a></li>
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="#">Audio</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://fpr.info/">Focal[/URL] Point</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/tapes/">Digital[/URL] Audio Sermons</a></li>
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/careministries.shtml">Care</a>[/URL]
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/carpentershands.shtml">Carpenter's[/URL] Hands</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/eldercare.shtml">Elder[/URL] Care</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/handhvisitation.shtml">Hospital[/URL] &amp; Home Visitation</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/mealsteam.shtml">Meals[/URL] Team</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/prayerteam.shtml">Prayer[/URL] Team</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/stitchofcare.shtml">Stitch[/URL] of Care</a></li>
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="#">Home Application Groups</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/couplesHAG.shtml">Couples[/URL] &amp; Mixed</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/womenHAG.shtml">Women's[/URL] Groups</a></li>
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="#">Hospitality</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#greeters">Greeters</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#infobooth">Information[/URL] Booth</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#traffic">Traffic</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#refresh">Refreshments</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/hospitality.shtml#ushers">Ushers</a></li>[/URL]
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="#">Missions</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/missions.shtml">Short-Term[/URL] Missions</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/missions.shtml">2005[/URL] Missions Speakers</a></li>
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="#">One on One Discipleship</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/partners.shtml">Partners</a></li>[/URL]
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="#">Teaching</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/SeasonalStuff/PrepStep.shtml">Prep&bull;Step</a></li>[/URL]
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="#">Children's</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/preschool.shtml">Nursery[/URL] &amp; Preschool</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/kids.shtml">1st-6th[/URL] Grade</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/awana.shtml">AWANA</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/kids_CompasionInAction.shtml">Special[/URL] Needs</a></li>
			</ul>
		  </li>
		  <li class="level2"><a class="submenu" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/youthministries/index.shtml">Youth</a>[/URL]
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/youthministries/middleschool.shtml">MSM</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/youthministries/highschool.shtml">FUEL</a></li>[/URL]
			</ul>
		  </li>
	  <li class="level2"><a class="submenu" href="#">Men's</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/MensHomeFell.shtml">Discipleship</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/mensbiblestudy1.shtml">Bible[/URL] Study</a></li>
				<!-- <li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/mensspecialeventsRetreat.shtml">Special[/URL] Events</a></li> DEACTIVATED -->
			</ul>
		  </li>
	  <li class="level2"><a class="submenu" href="#">Women's</a>
		   	<ul>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/MOPS.shtml">MOPS</a></li>[/URL]
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/SeasonalStuff/WomensBibleStudy.shtml">Bible[/URL] Study</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/womenHAG.shtml">Home[/URL] Application Groups</a></li>
				<li class="level3"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/ministries/womens.shtml">Special[/URL] Events</a></li>
			</ul>
		  </li>
		</ul>
    </li>  
	  <li class="level1"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/directions.shtml">Directions</a></li>[/URL]
	  <li class="level1"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/resources.shtml">Resources</a></li>[/URL]
	  <li class="level1"><a class="submenu" href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders.shtml">Leaders</a>[/URL]
	  	<ul>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/mikefabarez.shtml">Fabarez,[/URL] Mike</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/markambrose.shtml">Ambrose,[/URL] Mark</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/dananderson.shtml">Anderson,[/URL] Dan</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/petelasutschinkow.shtml">Lasutschinkow,[/URL] Pete</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/patrickknauf.shtml">Knauf,[/URL] Patrick</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/davidarchuletta.shtml">Archuletta,[/URL] David</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/gregmelendes.shtml">Melendes,[/URL] Greg</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/marktappan.shtml">Tappan,[/URL] Mark</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/darrenmettler.shtml">Mettler,[/URL] Darren</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/bobsomma.shtml">Somma,[/URL] Bob</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/susangrover.shtml">Grover,[/URL] Susan</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/walterreguerin.shtml">Reguerin,[/URL] Walter</a></li>
			<li class="level2"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/leaders/fredmabie.shtml">Mabie,[/URL] Fred</a></li>
		</ul>
	  </li>
	  <li class="level1"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/beliefs.shtml">Beliefs</a></li>[/URL]
	  <li class="level1"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/contact.shtml">Contact</a></li>[/URL] 
</ul> 
</div>


</body>

</html>

--i3iz
Technical Newbie

 

[CliveC]

Since all your links are <a href... Why not use the inherent hover support for those items.

For your own benefit and to get more people willing to help you should reduce the problem to its essence, ie. one pulldown, remove all extraneous stuff etc.

Clive

http://tubularity.com

http://PalliativeCareConsulting.org