I'm hoping someone can help me here... I have adding "behavior:url('csshover.htc');" to the body style. However, it still doesn't work in IE. It works beautifully in FF, but not IE.

I'm using IE 6.0 and I am running Windows 2000 SP2. I added the MIME type text/x-component .htc, to my apachee config file. I did a complete stop/start for apachee.

Can anyone figure it out?

Here's the CSS:

body {
	margin:0px;
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	background-color:#CCCCCC;
	color:#000040;
	behavior:url('csshover.htc');
}

#menu-top {
	width:760px;
	background-color:#000040;
	font-weight:bold;
	padding:0px 10px 0px 10px;
	height:19px;
}

#menu-top ul {
	padding:2px 0 0 0;
	margin:0;
	list-style:none;
}

#menu-top li {
	float:left;
	position:relative;
	width:150px;
	text-align:center;
	color:white;
}

#menu-top li ul {
	background-color:white;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:157px;
	border:2px solid #000040;
	padding:6px 0px 2px 0px;
}

#menu-top li > ul {
	top:auto;
	left:auto;
}

#menu-top li:hover ul {
	display:block;
}

#menu-top ul ul li {
	text-align:left;
	padding:2px 10px 2px 10px;
	color:#000040;
	width:137px;
}

#menu-top ul ul li:hover {
	background-color:#9D8A14;
}

#menu-top a {
	color:white;
	text-decoration:none;
}

#menu-top a:hover {
	color:#A00000;
	text-decoration:none;
}

#menu-top img.icon {
	margin-right:15px;
}

Here's the HTML:

	<!-- TopMenu Bar - Start -->
	<div id="menu-top">
			<ul>
				<li><a href="/">Home</a></li>
				<li><a href="/">Residential</a>
					<ul>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
					</ul>
				</li>
				<li><a href="/">Commercial</a>
					<ul>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
					</ul>
				</li>
				<li><a href="/">Calculators</a>
					<ul>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
					</ul>
				</li>
				<li><a href="/">Contact Us</a>
					<ul>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
						<li><img align="left" width="20" width="18" src="images/circle.gif" class="icon" />Option</li>
					</ul>
				</li>
			</ul>
	</div>
	<!-- Top Menu Bar - end -->

Firefox doesn't NEED the whatever:hover fix, it CAN do hovers on anything.. like the standards say it should. IE, as ever, is the only one that needs the .htc file.

Try taking the quote marks out of the url(csshover.htc) and make certain that the htc file is in the SAME directory as the the rest of your files.

Thanks... I figured it out. I was referring to the .htc file relative to the css file not relative to the file that is loading the css file.

Everything works great now!

Thanks.

FYI - The quotes didn't matter

FYI - The quotes didn't matter

They shouldn't, but every now and then I find it does matter..and I've no idea why !