<div>
thanks for that<br />
does li.iehover mean an li element that has a class of iehover applied?
</div>


<div>
Cool, i did a nice little test which doesnt work in IE6/7 but works in firefox. however, the original style in my first post seems to works with IE7. I tested it by adding the red background color. So i am a little confused.<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<ul>
<li>11111111111111</li>
<li>222222222222222222</li>
</ul>
<br />

</div>


<div>
------ IGNORE PREVIOUS POST ----------<br />
Cool, i did a nice little test which doesnt work in IE6/7 but works in firefox. however, the original style in my first post seems to works with IE7. I tested it by adding the red background color. So i am a little confused.<br />

<pre><code class="code-10 nolinks" id="code-121334"><span>&lt;html&gt;</span>
<span>&lt;head&gt;</span>
<span>&lt;style&gt;</span>
<span>li { background-color: black; }</span>
<span>li:hover { background-color: red; }</span>
<span>&lt;/style&gt;</span>
<span>&lt;/head&gt;</span>
<span>&lt;body&gt;</span>
<span>	&lt;ul&gt;</span>
<span>		&lt;li&gt;11111111111111&lt;/li&gt;</span>
<span>		&lt;li&gt;222222222222222222&lt;/li&gt;</span>
<span>	&lt;/ul&gt;</span>
<span>&lt;/body&gt;</span>
<span>&lt;/html&gt;</span>
</code></pre>
</div>


<div>
I am unclear what you are asking. &nbsp;I already stated that :hover attributes do not really work in IE6 unless on A tags. &nbsp;Using them on LI's does not seem to work. &nbsp;
</div>


<div>
thanks guys for your help. your knowledge helped me understand the prblem and solve it by adding javascript for ie6
</div>


<div>
<div class="content wysiwyg-content">
Hi, <br />
Basically, what is the difference between<br />
&nbsp; &nbsp; li:hover <br />
and <br />
&nbsp; &nbsp; li.iehover <br />
in the following CSS?<br />
<br />
div#MyID li:hover ul,<br />
div#MyID li.iehover ul<br />
{<br />
top:1.5em;<br />
left:-5px;<br />
}<br />
<br />
Also, would this be a reason why the css is not working for IE6? It works in FF and IE7.<br />
<br />
thanks
</div>
</div>


Hi, 
Basically, what is the difference between
    li:hover 
and 
    li.iehover 
in the following CSS?

div#MyID li:hover ul,
div#MyID li.iehover ul
{
top:1.5em;
left:-5px;
}

Also, would this be a reason why the css is not working for IE6? It works in FF and IE7.

thanks

Difference between li:hover and li.iehover? Also, why it doesnt work for IE6!?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.