CSS Menu Help Needed - IE .htc problem

martinpa · 09-30-2006, 04:27 AM

Hey guys,

The problem is the fact that IE doesn't support :hover. Shame on them, but anyway. I found that this shortcoming can be emulated by using the .htc behavior file within CSS - GREAT!

So here's my problem. The first list item uses a different background image than the other list items. Although I can get this working if I use the same background image I just can not figure out how to get the first list item to work correctly without affecting the rest of the list items.

If you look at it in Firefox, it works perfectly. What am I doing wrong in IE? If anyone has any experience with this, please help. Thank you in advance.

Here's the link to the test page:

http://www.marzejon.com/myspace/cssmenu.html

Vladdy · 09-30-2006, 03:38 PM

I think your problem is related to yet another IE bug with multiple class definitions which is illustrated by the following file:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb">
<head>
<meta http-equiv="Content-type" content="text/html; charset=US-ASCII" />
<title>IE Multiple classes test</title>
<script type="text/javascript">
</script>
<style type="text/css">
.red
  { color: red;
  }

.bold 
  { font-weight: bold;
  }

.bold.red
  { font-style: italic;
  }
</style> 
</head>

<body>
<h1>Internet Explorer Multiple Class Selector Bug Demonstration</h1>
<p class="red">This paragraph should be red.</p>
<p class="bold">This paragraph should be bold.</p>
<p class="red bold">This paragraph should not only be red and bold, but also italic</p>

</body>
</html>

Notice what IE does to the first paragraph.

martinpa · 09-30-2006, 05:56 PM

Well that would make sense. Wasn't aware of that, so thank you for the info.

Is anyone aware of a work-around for this IE bug?