<p>What is the simplest and most elegant way to simulate the hover pseudo-class for non-Anchor tags in IE6?</p>

<p>I am specifically trying to change the cursor in this instance to that of a pointer.</p>

[{'answer_id': 36609, 'author': 'Jon Galloway', 'author_id': 5, 'author_profile': 'https://Stackoverflow.com/users/5', 'pm_score': 4, 'selected': False, 'text': '<p>I think the simplest way is to use the <a href="http://www.xs4all.nl/~peterned/csshover.html" rel="nofollow noreferrer">hover.htc</a> approach. You add the hover.htc file to your site, then reference it in your stylesheet:</p>\n\n<pre class="lang-css prettyprint-override"><code>body { behavior:url("csshover.htc"); }\n</code></pre>\n\n<p>If you want to keep things as clean as possible, you can use IE conditional comments so that line is only rendered users with IE6.</p>\n'}, {'answer_id': 36610, 'author': 'Haacked', 'author_id': 598, 'author_profile': 'https://Stackoverflow.com/users/598', 'pm_score': 1, 'selected': False, 'text': '<p>Another approach, depending on what the item is, is to add a non link anchor  and set its display to block. Either put the anchor within or surrounding the item you want the pseudo hover behavior on.</p>\n'}, {'answer_id': 36612, 'author': 'Benjamin Autin', 'author_id': 1440933, 'author_profile': 'https://Stackoverflow.com/users/1440933', 'pm_score': 3, 'selected': True, 'text': '<p>I would say that the simplest method would be to add onmouseover/out Javascript functions.</p>\n'}, {'answer_id': 36616, 'author': 'YonahW', 'author_id': 3821, 'author_profile': 'https://Stackoverflow.com/users/3821', 'pm_score': 0, 'selected': False, 'text': '<p>I liked the mouseover/out best since I actually already needed to swap the image anyhow.  I really should have thought of doing this with javascript to begin with.</p>\n\n<p>Thanks for the quick answers.</p>\n\n<p>@Joseph</p>\n\n<p>Thanks for that link.  I had never heard of this technique before and really like the idea.</p>\n\n<p>I will definitely try that out and see how I fare with it.</p>\n'}, {'answer_id': 36620, 'author': 'Joseph Pecoraro', 'author_id': 792, 'author_profile': 'https://Stackoverflow.com/users/792', 'pm_score': 1, 'selected': False, 'text': '<p><em>Aside:</em></p>\n\n<blockquote>\n  <p>I actually already needed to swap the image anyhow</p>\n</blockquote>\n\n<p>Make sure you take a look at <a href="http://www.alistapart.com/articles/sprites" rel="nofollow noreferrer">Image Sprites</a>.  Sometimes its much nicer to use one image and "shift" the image then to use two separate images and "toggle" or "swap" between them.  In my experience its been much nice when as user interacts with it is sometimes an advantage that there is a single request for the 1 image then multiple requests for multiple images.</p>\n'}, {'answer_id': 36892, 'author': 'Nathan Peretic', 'author_id': 3741, 'author_profile': 'https://Stackoverflow.com/users/3741', 'pm_score': 3, 'selected': False, 'text': '<p>Regarding your request -- <em>I am specifically trying to change the cursor in this instance to that of a pointer</em> -- the easiest way is to specify <code>cursor:pointer</code> in your css. I think you will find that works in IE 6.</p>\n\n<p>Try this to verify (where <code>div</code> can be any element):</p>\n\n<pre><code>&lt;div style="background:orange; cursor:pointer; height:100px; width:100px;"&gt;\n    Hover\n&lt;/div&gt;\n</code></pre>\n'}, {'answer_id': 36966, 'author': 'GateKiller', 'author_id': 383, 'author_profile': 'https://Stackoverflow.com/users/383', 'pm_score': 0, 'selected': False, 'text': '<p>If your willing to use JQuery, I would use <a href="http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything" rel="nofollow noreferrer">Set Hover Class for Anything</a> technique.</p>\n'}, {'answer_id': 36974, 'author': 'Sören Kuklau', 'author_id': 1600, 'author_profile': 'https://Stackoverflow.com/users/1600', 'pm_score': 2, 'selected': False, 'text': '<p>Another alternative that will fix many more issues in one go is to use <a href="http://code.google.com/p/ie7-js/" rel="nofollow noreferrer">IE7.js</a>.</p>\n'}]
['https://Stackoverflow.com/questions/36605', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/3821/']