Drop Down Won't Display

Get Started
1

I have a drop down that won’t display in earlier versions of IE and I don’t know why. I appreciate any help with this.

Thanks,

Samuel

I have provided a link to the page: HERE and the code below.

<div id="disclaimer2">
<li style="font-size:10px; color:#363696;"><img src="images/what-is-point-to-point.jpg" alt="" width="133" height="20" />
<ul>
<li>A point to point reservation is a one way trip that is based on a flat fee.</li>
</ul>
</li>
</div>

#disclaimer2, #disclaimer2 ul {
	margin: 0;
	list-style: none;
	width: 125px;
	font-size: 10px;
	color: #666666;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	z-index: 200;
}

#disclaimer2 a {
	display: block;
	width: 10em;
}

#disclaimer2 li {
	float: right;
	color: #666666;
	cursor: default;
}
#disclaimer2 li ul {
	position: absolute;
	left: -999em;
	background-color: #fff;
	padding: 10px;
	margin-top: -75px;
	margin-left: 75px;
	border: 1px solid #cccccc;
	font-size: 12px;
	width: 150px;
}

#disclaimer2 li:hover ul {
	left: auto;
}
#disclaimer2 li:hover ul, #disclaimer2 li.sfhover ul {
	left: auto;
}
2

Probably because IE doesnt recognize the :hover property on anything other than a href tags.

You would need a bit of javascript to ‘fake’ the hover

Have a look at: http://htmldog.com/articles/suckerfish/hover/ for info and something like: http://www.xs4all.nl/~peterned/csshover.html

3

I presume you already used the suckerfish menu, like spikeZ suggested , since you have:


li.sfhover ul

which is used the this menu! Simply add the supplied Javascript to your page!